.stat-rings{--ring-from:#7300ff;--ring-to:#178bdb;--ring-w:7%}.stat-ring{align-items:center;aspect-ratio:1;container-type:inline-size;display:flex;justify-content:center;margin:0 auto;max-width:225px;position:relative;width:100%}.stat-rings .grid h5{line-height:1.3}.stat-ring-arc,.stat-ring-track{border-radius:50%;inset:0;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-w)*2 - 1px),#000 calc(100% - var(--ring-w)*2));mask:radial-gradient(farthest-side,transparent calc(100% - var(--ring-w)*2 - 1px),#000 calc(100% - var(--ring-w)*2));position:absolute}.stat-ring-track{background:linear-gradient(to bottom left,var(--ring-from),var(--ring-to));opacity:.2}.stat-ring-arc{background:conic-gradient(from 0deg,var(--ring-from),var(--ring-to) calc(var(--pct)*1%),transparent 0)}.stat-ring:after,.stat-ring:before{background-position:50% 0;background-repeat:no-repeat;background-size:var(--ring-w) var(--ring-w);content:"";inset:0;position:absolute;z-index:1}.stat-ring:before{background-image:radial-gradient(circle closest-side,var(--ring-from) calc(100% - 1px),transparent)}.stat-ring:after{background-image:radial-gradient(circle closest-side,var(--ring-to) calc(100% - 1px),transparent);transform:rotate(calc(var(--pct)*3.6deg))}.stat-ring-value{color:var(--ring-from);font-size:3.5rem;font-size:25cqw;font-weight:700;line-height:1;position:relative}.stat-caption{margin-left:auto;margin-right:auto;max-width:20rem}.stat-source,.stat-source p{font-size:.75rem}