.sd-str{--bg:#1c1c1c;--fg:#f6f6f6;--mute:#8e8e8e;--line:#ffffff1a;--soft:#ffffff12;--strong:#fafafa;--on:#111;color:var(--fg);-webkit-tap-highlight-color:transparent;font-size:14px;line-height:1.4}.sd-str[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-str :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-str :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-str .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-str{justify-items:center;gap:10px;display:grid}.sd-str__row{cursor:pointer;touch-action:none;border-radius:8px;outline:0;gap:4px;padding:4px;display:flex}.sd-str__row:focus-visible{box-shadow:0 0 0 2px var(--fg)}.sd-str__s{width:30px;height:30px;transition:transform .16s;position:relative}.sd-str[data-size=lg] .sd-str__s{width:38px;height:38px}.sd-str__s svg{width:100%;height:100%;position:absolute;inset:0}.sd-str__s .e{fill:none;stroke:var(--mute);stroke-width:1px;stroke-linejoin:round}.sd-str__s .f{fill:var(--fg)}.sd-str__s[data-pop]{animation:.42s cubic-bezier(.3,1.8,.4,1) both sd-str-pop}@keyframes sd-str-pop{40%{transform:scale(1.25)rotate(-8deg)}}.sd-str__w{font-variant-numeric:tabular-nums;min-height:20px;font-size:13.5px;font-weight:600}.sd-str__w span{color:var(--mute);margin-left:6px;font-weight:400}@media (prefers-reduced-motion:reduce){.sd-str *,.sd-str :before,.sd-str :after{transition:none!important;animation:none!important}}
