.sd-rc{--bg:#232323;--fg:#fafafa;--btn:#333;--line:#ffffff14;color:var(--fg);font-feature-settings:"tnum";border-radius:999px;align-items:center;gap:10px;padding:8px;display:inline-flex}.sd-rc[data-fill=light]{--bg:#fff;--fg:#111;--btn:#efefef;--line:#00000014}.sd-rc[data-variant=pill]{background:var(--bg);box-shadow:inset 0 0 0 1px var(--line), 0 10px 30px -12px #00000080}.sd-rc__btn{width:calc(var(--rc-size) * .8);height:calc(var(--rc-size) * .8);background:var(--btn);color:var(--fg);border-radius:999px;place-items:center;transition:transform .22s cubic-bezier(.3,1.6,.4,1),opacity .2s;display:grid}.sd-rc__btn svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:40%;height:40%}.sd-rc__btn:active:not(:disabled){transform:scale(.86)}.sd-rc__btn:disabled{opacity:.35}.sd-rc__num{text-align:center;min-width:2ch;font-size:var(--rc-size);letter-spacing:-.04em;border-radius:12px;padding:0 4px;font-weight:600}.sd-rc :focus-visible{outline:2px solid var(--fg);outline-offset:3px}.sd-roll{line-height:1.1;display:inline-flex}.sd-roll__col{height:1.1em;display:inline-block;overflow:hidden}.sd-roll__strip{flex-direction:column;transition:transform .65s cubic-bezier(.2,1.35,.35,1);display:flex}.sd-roll__strip>span{height:1.1em}@media (prefers-reduced-motion:reduce){.sd-rc *,.sd-roll__strip{transition:none!important}}
