.sd-thm{--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-thm[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--line:#00000017;--soft:#0000000d;--strong:#111;--on:#fff}.sd-thm :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sd-thm :focus-visible{outline:2px solid var(--fg);outline-offset:2px}.sd-thm .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sd-thm{background:var(--bg);width:min(100%,300px);box-shadow:inset 0 0 0 1px var(--line);border-radius:20px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;padding:16px;display:grid}.sd-thm__h{width:100%;color:var(--mute);justify-content:space-between;font-size:12.5px;display:flex}.sd-thm__h b{color:var(--fg)}.sd-thm__dial{touch-action:none;border-radius:50%;outline:0;width:220px;height:220px;position:relative}.sd-thm__dial:focus-visible{box-shadow:0 0 0 2px var(--fg)}.sd-thm__dial svg{width:100%;height:100%;display:block}.sd-thm__tk{stroke:var(--line);stroke-width:2px;stroke-linecap:round}.sd-thm__tk[data-on]{stroke:var(--fg)}.sd-thm[data-mode=off] .sd-thm__tk[data-on]{stroke:var(--mute)}.sd-thm__cur{stroke:var(--mute);stroke-width:4px;stroke-linecap:round}.sd-thm__knob{fill:var(--fg)}.sd-thm__mid{text-align:center;pointer-events:none;align-content:center;place-items:center;display:grid;position:absolute;inset:0}.sd-thm__mid small{color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-size:11.5px}.sd-thm__mid b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:52px;font-weight:600;line-height:1}.sd-thm__mid b sup{vertical-align:.9em;margin-left:2px;font-size:22px;font-weight:500;line-height:0}.sd-thm[data-mode=off] .sd-thm__mid b{color:var(--mute)}.sd-thm__pm{gap:10px;margin-top:-8px;display:flex}.sd-thm__pm button{width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;font-size:20px}.sd-thm__pm button:hover:not(:disabled){background:var(--soft)}.sd-thm__pm button:disabled{opacity:.3}.sd-thm__md{background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;padding:3px;display:grid}.sd-thm__md button{border-radius:9px;height:32px;font-size:12.5px;font-weight:600;color:var(--mute)!important}.sd-thm__md button[aria-checked=true]{background:var(--strong)!important;color:var(--on)!important}.sd-thm__est{color:var(--mute);min-height:18px;font-size:12.5px}@media (prefers-reduced-motion:reduce){.sd-thm *,.sd-thm :before,.sd-thm :after{transition:none!important;animation:none!important}}