.sd-stc{--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-stc[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-stc :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-stc :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-stc .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-stc{background:var(--soft);width:min(100%,300px);height:60px;box-shadow:inset 0 0 0 1px var(--line);-webkit-user-select:none;user-select:none;border-radius:99px;padding:5px;position:relative;overflow:hidden}.sd-stc__fill{background:var(--strong);border-radius:99px;position:absolute;top:0;bottom:0;left:0}.sd-stc__lab{color:var(--mute);pointer-events:none;place-items:center;padding-left:40px;font-size:14.5px;font-weight:600;display:grid;position:absolute;inset:0}.sd-stc[data-done] .sd-stc__lab{color:var(--on);padding-left:0;animation:.3s sd-stc-in}@keyframes sd-stc-in{0%{opacity:0}}.sd-stc__knob{z-index:1;touch-action:none;cursor:grab;border-radius:99px;place-items:center;width:50px;height:50px;display:grid;position:relative;box-shadow:0 2px 8px #0000004d;background:var(--fg)!important;color:var(--bg)!important}.sd-stc[data-drag] .sd-stc__knob{cursor:grabbing}.sd-stc:not([data-drag]) .sd-stc__knob,.sd-stc:not([data-drag]) .sd-stc__fill{transition:transform .42s cubic-bezier(.3,1.5,.4,1),width .42s cubic-bezier(.3,1.5,.4,1)}.sd-stc[data-done] .sd-stc__knob{background:var(--on)!important;color:var(--strong)!important}.sd-stc__knob svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}@media (prefers-reduced-motion:reduce){.sd-stc *,.sd-stc :before,.sd-stc :after{transition:none!important;animation:none!important}}