.sd-vk{--fg:#fafafa;--mute:#8e8e8e;--tick:#ffffff24;--knob:#262626;--knob-line:#ffffff1a;color:var(--fg);font-feature-settings:"tnum";justify-items:center;gap:6px;display:grid}.sd-vk[data-fill=light]{--fg:#111;--mute:#6f6f6f;--tick:#0000001f;--knob:#f4f4f4;--knob-line:#00000014}.sd-vk__dial{cursor:ns-resize;touch-action:none;border-radius:999px;outline:none;place-items:center;width:168px;height:168px;display:grid;position:relative}.sd-vk__dial:focus-visible{box-shadow:0 0 0 2px var(--fg)}.sd-vk__ticks{position:absolute;inset:0}.sd-vk__ticks line{stroke:var(--tick);stroke-width:4px;stroke-linecap:round;transition:stroke .2s}.sd-vk__ticks line[data-on]{stroke:var(--vk-c)}.sd-vk__knob{background:var(--knob);width:104px;height:104px;box-shadow:inset 0 0 0 1px var(--knob-line), 0 14px 30px -10px #000000b3, inset 0 2px 1px #ffffff14;border-radius:999px;transition:transform .26s cubic-bezier(.2,1.3,.3,1);position:absolute}.sd-vk__dot{background:var(--vk-c);width:8px;height:8px;box-shadow:0 0 10px var(--vk-c);border-radius:99px;margin-left:-4px;position:absolute;top:10px;left:50%}.sd-vk__val{letter-spacing:-.04em;pointer-events:none;font-size:30px;font-weight:600;position:relative}.sd-vk__label{color:var(--mute);font-size:13px}@media (prefers-reduced-motion:reduce){.sd-vk *{transition:none!important}}