:root{--switch-width:44px;--switch-height:24px;--switch-thumb:18px;--switch-inset:3px;--switch-travel:20px;--switch-off:color-mix(in oklch, var(--color-brd-strong) 90%, var(--color-txt));--switch-thumb-surface:#fcfcfc}@supports (color:lab(0% 0 0)){:root{--switch-thumb-surface:lab(98.84% .0000298023 -.0000119209)}}:root button.uq-switch[data-control=switch]{border-radius:var(--input-radius);width:44px;min-width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--color-interactive);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.uq-switch>[data-switch-track]{width:var(--switch-width);height:var(--switch-height);aspect-ratio:auto;background:var(--switch-off);transition:background-color var(--duration-fast,.15s) ease;border-radius:999px;flex:none;display:block;position:relative}.uq-switch [data-switch-thumb]{width:var(--switch-thumb);height:var(--switch-thumb);background:var(--switch-thumb-surface);transition:inset-inline-start var(--duration-fast,.15s) ease, background-color var(--duration-fast,.15s) ease;pointer-events:none;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:var(--switch-inset);inset-inline-start:var(--switch-inset);box-shadow:0 1px 2px #0000001f;box-shadow:0 1px 2px lab(0% 0 0/.12)}.uq-switch[data-state=checked]>[data-switch-track]{background:var(--color-interactive)}.uq-switch[data-state=checked] [data-switch-thumb]{background:var(--color-txt-inverse);inset-inline-start:calc(var(--switch-inset) + var(--switch-travel))}:root button.uq-switch[data-control=switch]:focus-visible{outline:none}.uq-switch:focus-visible>[data-switch-track]{outline:2px solid var(--color-interactive);outline-offset:3px}:root button.uq-switch[data-disabled]{cursor:not-allowed;opacity:.45}:root button.uq-switch[data-pending=true]{cursor:wait;opacity:.75}.uq-switch [data-switch-progress]{border:1.5px solid;border-inline-end-color:#0000;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite uq-switch-wait}@keyframes uq-switch-wait{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.uq-switch>[data-switch-track],.uq-switch [data-switch-thumb]{transition:none}.uq-switch [data-switch-progress]{animation:none}}[data-reduce-motion=true] .uq-switch>[data-switch-track],[data-reduce-motion=true] .uq-switch [data-switch-thumb]{transition:none}[data-reduce-motion=true] .uq-switch [data-switch-progress]{animation:none}@media (forced-colors:active){.uq-switch{--switch-inset:2px}.uq-switch>[data-switch-track]{background:canvas;border:1px solid buttontext}.uq-switch[data-state=checked]>[data-switch-track]{background:highlight}.uq-switch [data-switch-thumb]{box-shadow:none;background:buttontext}.uq-switch[data-state=checked] [data-switch-thumb]{background:highlighttext}.uq-switch:focus-visible>[data-switch-track]{outline-color:highlight}}