.ui-switch{position:relative;display:inline-flex;flex-shrink:0;inline-size:52px;block-size:28px;padding:0;border:0;border-radius:9999px;background-color:var(--control-off-track);cursor:pointer;transition:background-color .15s ease}.ui-switch:active:where(:not(:disabled)),.ui-switch:hover:where(:not(:disabled)){background-color:var(--control-off-track-hover)}.ui-switch[data-state=checked]{background-color:var(--control-on)}.ui-switch[data-state=checked]:active:where(:not(:disabled)),.ui-switch[data-state=checked]:hover:where(:not(:disabled)){background-color:var(--control-on-hover)}.ui-switch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-page),0 0 0 4px var(--border-heavy)}.ui-switch:disabled{opacity:.4;cursor:not-allowed}.ui-switch__knob{position:absolute;inset-block-start:3px;inset-inline-start:3px;display:block;inline-size:30px;block-size:22px;border-radius:9999px;background-color:#ffffff;box-shadow:0 1px 3px rgb(0 0 0/.18),0 0 0 .5px rgb(0 0 0/.04);transition:inset-inline-start .2s cubic-bezier(.3,.7,.2,1),inline-size .2s cubic-bezier(.3,.7,.2,1)}.ui-switch[data-state=checked] .ui-switch__knob{inset-inline-start:calc(100% - 33px)}.ui-switch:active:where(:not(:disabled)) .ui-switch__knob{inline-size:36px}.ui-switch[data-state=checked]:active:where(:not(:disabled)) .ui-switch__knob{inset-inline-start:calc(100% - 39px)}@media (prefers-reduced-motion:reduce){.ui-switch__knob{transition:none}}