.switch{--switch-track-bg:var(--color-neutral-200);--switch-track-shadow:0 2px 4px 0 var(--color-alpha-black-4), inset 0 0 8px 0 var(--color-alpha-black-2), inset 0 0 0 .75px var(--color-alpha-black-6), inset 0 2px 4px 0 var(--color-alpha-black-4), inset 0 1px 1px 0 var(--color-alpha-black-4)}.switch:before{background:var(--switch-track-bg);box-shadow:var(--switch-focus-shadow,0 0 0 0 transparent), var(--switch-track-shadow);content:"";transition:background-color var(--lab-duration,.18s) ease;border-radius:999px;position:absolute;inset:1px 0}.switch[data-size=sm]:before{inset-block:2px}.dark .switch{--switch-track-bg:var(--color-neutral-700);--switch-track-shadow:inset 0 0 8px 0 var(--color-alpha-black-10), inset 0 0 0 .75px var(--color-alpha-white-12), inset 0 2px 4px 0 var(--color-alpha-black-10), inset 0 1px 1px 0 var(--color-alpha-black-10)}.switch:focus-visible{--switch-focus-shadow:0 0 0 1px var(--color-neutral-0), 0 0 0 3px color-mix(in srgb, var(--color-blue-500) 60%, transparent)}.dark .switch:focus-visible{--switch-focus-shadow:0 0 0 1px var(--color-neutral-950), 0 0 0 3px color-mix(in srgb, var(--color-blue-400) 80%, transparent)}.switch:not([data-disabled]):hover:not([data-state=checked]){--switch-track-bg:var(--color-neutral-300)}.dark .switch:not([data-disabled]):hover:not([data-state=checked]){--switch-track-bg:var(--color-neutral-600)}.switch[data-state=checked]{--switch-track-bg:var(--color-blue-600)}.switch:not([data-disabled])[data-state=checked]:hover{--switch-track-bg:var(--color-blue-500)}.switch-thumb{background:var(--color-neutral-0);box-shadow:0 0 1px 0 var(--color-alpha-black-8), 0 1px 2px 0 var(--color-alpha-black-12), 0 3px 3px 0 var(--color-alpha-black-4), 0 5px 4px 0 var(--color-alpha-black-2), 0 0 0 .5px var(--color-alpha-black-2), inset 0 1px 0 0 var(--color-neutral-0), inset 0 0 2px 1px var(--color-neutral-0);transition:transform var(--lab-duration,.18s) cubic-bezier(.32, .72, 0, 1);transform:translate(0)}.switch[data-state=checked] .switch-thumb{transform:translate(14px)}.switch[data-size=sm][data-state=checked] .switch-thumb{transform:translate(12px)}