.sd-tg{--bg:#1d1d1d;--fg:#f7f7f7;--mute:#8e8e8e;--dim:#ffffff24;--line:#ffffff17;background:var(--bg);width:min(100%,280px);color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);font-feature-settings:"tnum";text-align:center;border-radius:22px;padding:18px 18px 16px}.sd-tg[data-fill=light]{--bg:#fff;--fg:#121212;--mute:#6f6f6f;--dim:#0000001f;--line:#00000014}.sd-tg__label{color:var(--mute);text-align:left;margin:0;font-size:13px}.sd-tg__dial{touch-action:none;cursor:grab;border-radius:12px;margin-top:6px;position:relative}.sd-tg__dial:active{cursor:grabbing}.sd-tg__dial:focus-visible{outline:2px solid var(--fg);outline-offset:4px}.sd-tg__dial svg{width:100%;height:auto;display:block;overflow:visible}.sd-tg__tick{stroke:var(--dim);stroke-width:2.4px;stroke-linecap:round;transition:stroke .26s}.sd-tg__tick[data-on]{stroke:var(--fg)}.sd-tg__tick[data-head]{stroke-width:3px}.sd-tg__read{pointer-events:none;justify-content:center;align-items:baseline;gap:2px;margin:0;display:flex;position:absolute;inset:auto 0 2px}.sd-tg__num{letter-spacing:-.04em;font-size:40px;font-weight:600;line-height:1}.sd-tg__unit{color:var(--mute);font-size:15px}.sd-tg__cap{color:var(--mute);margin:8px 0 0;font-size:12.5px}@media (prefers-reduced-motion:reduce){.sd-tg__tick{transition:none}}