.ds-ring{flex:none;place-items:center;display:inline-grid;position:relative}.ds-ring svg{position:absolute;inset:0}.ds-ring__track{fill:none;stroke:var(--c-surface-2)}.ds-ring__value{fill:none;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out)}.ds-ring__center{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.05;display:flex;position:relative}.ds-ring__center strong{font-family:var(--font-display);font-size:1.6em;font-weight:800}.ds-ring__center span{color:var(--c-ink-2);font-size:.72rem;font-weight:600}