[data-slot=switch]{--switch-h:22px;--switch-w:calc(var(--switch-h) * 2);--switch-inset:calc(var(--switch-h) / 6);--switch-thumb-h:calc(var(--switch-h) * 2 / 3);--switch-travel:calc(var(--switch-h) * 2 / 3);--switch-dur:.35s;--switch-overshoot:1px;--switch-settle:0px;--switch-track-dur:0s;--switch-ease:cubic-bezier(.34, 1.35, .64, 1);width:var(--switch-w);height:var(--switch-h);transition:background-color var(--switch-track-dur) var(--switch-ease), box-shadow .15s ease;border-radius:999px;display:block;position:relative}[data-slot=switch][data-size=sm]{--switch-h:14px}[data-slot=switch-thumb]{top:var(--switch-inset);left:var(--switch-inset);width:var(--switch-h);height:var(--switch-thumb-h);will-change:translate;border-radius:999px;display:block;position:absolute;translate:0;box-shadow:0 2px 6px #0000000d,0 4px 42px #0000000f;box-shadow:0 2px 6px lab(0% 0 0/.05),0 4px 42px lab(0% 0 0/.06)}[data-slot=switch][data-state=checked] [data-slot=switch-thumb]{translate:var(--switch-travel) 0}[data-slot=switch][data-init][data-state=checked] [data-slot=switch-thumb]{animation:switch-thumb-on var(--switch-dur) var(--switch-ease) both}[data-slot=switch][data-init][data-state=unchecked] [data-slot=switch-thumb]{animation:switch-thumb-off var(--switch-dur) var(--switch-ease) both}@keyframes switch-thumb-on{0%{translate:0}55%{translate:calc(var(--switch-travel) + var(--switch-overshoot)) 0}80%{translate:calc(var(--switch-travel) - var(--switch-settle)) 0}to{translate:var(--switch-travel) 0}}@keyframes switch-thumb-off{0%{translate:var(--switch-travel) 0}55%{translate:calc(0px - var(--switch-overshoot)) 0}80%{translate:var(--switch-settle) 0}to{translate:0}}@media (prefers-reduced-motion:reduce){[data-slot=switch]{--switch-dur:0s}}