.switch-root{--_sw-shadow-12:var(--color-black-alpha-12,#0000001f);--_sw-shadow-30:var(--color-black-alpha-30,#0000004d);--_sw-shadow-18:var(--color-black-alpha-18,#0000002e);--_sw-shadow-10:var(--color-black-alpha-10,#0000001a);--_sw-shadow-15:var(--color-black-alpha-15,#00000026);--_sw-shadow-06:var(--color-black-alpha-6,#0000000f);--_sw-shadow-08:var(--color-black-alpha-8,#00000014);--_sw-thumb-bg:var(--color-white,#fff);cursor:pointer;border-radius:var(--radius-full);background-color:var(--color-neutral-300,#d4d4d4);width:46px;min-width:46px;max-width:46px;height:26px;min-height:26px;max-height:26px;box-shadow:inset 0 1px 3px var(--_sw-shadow-12);border:none;outline:none;flex-shrink:0;justify-content:flex-start;align-items:center;padding:0 3px;transition:background-color .18s,box-shadow .18s;display:flex;position:relative}.switch-root:after{content:"";position:absolute;inset:-11px -4px}.switch-root:focus-visible{box-shadow:inset 0 1px 3px var(--_sw-shadow-12), 0 0 0 2px var(--color-surface-card,#fff), 0 0 0 4px var(--color-accent-500,#8b5cf6)}.switch-root:not([data-disabled]):hover{background-color:var(--color-neutral-400,#a3a3a3)}.switch-root.switch-checked:not([data-disabled]):hover{filter:brightness(1.08)}.switch-root:not([data-disabled]):active{box-shadow:inset 0 2px 4px var(--_sw-shadow-18)}.dark .switch-root{background-color:var(--color-neutral-700,#404040);box-shadow:inset 0 1px 3px var(--_sw-shadow-30)}.dark .switch-root:not([data-disabled]):hover{background-color:var(--color-neutral-600,#525252)}.switch-root.switch-checked{background-color:var(--color-accent-600);box-shadow:inset 0 1px 2px var(--_sw-shadow-10), 0 0 8px color-mix(in srgb, var(--color-accent-500,#a855f7) 35%, transparent)}.dark .switch-root.switch-checked{background-color:var(--color-accent-500,#a855f7);box-shadow:inset 0 1px 2px var(--_sw-shadow-15), 0 0 12px color-mix(in srgb, var(--color-accent-400,#c084fc) 30%, transparent)}.switch-root.switch-checked:focus-visible{box-shadow:inset 0 1px 2px var(--_sw-shadow-10), 0 0 8px color-mix(in srgb, var(--color-accent-500,#a855f7) 35%, transparent), 0 0 0 2px var(--color-surface-card,#fff), 0 0 0 4px var(--color-accent-500,#8b5cf6)}.switch-root[data-disabled]{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.switch-thumb{pointer-events:none;border-radius:var(--radius-full);background-color:var(--_sw-thumb-bg);width:20px;height:20px;box-shadow:0 1px 3px var(--_sw-shadow-10), 0 1px 2px var(--_sw-shadow-06);flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.4,.64,1),width .12s,box-shadow .18s;display:block}.switch-root:not([data-disabled]):hover .switch-thumb{box-shadow:0 2px 6px var(--_sw-shadow-15), 0 1px 2px var(--_sw-shadow-08)}.switch-root:not([data-disabled]):active .switch-thumb{width:24px;box-shadow:0 1px 2px var(--_sw-shadow-12), 0 0 1px var(--_sw-shadow-08)}.switch-thumb[data-state=checked]{transform:translate(20px)}.switch-root:not([data-disabled]):active .switch-thumb[data-state=checked]{transform:translate(16px)}.switch-thumb[data-state=unchecked]{transform:translate(0)}