:root{--sw-width: 56px;--sw-height: 32px;--sw-pad: 4px;--sw-bg-off: #e2e8f0;--sw-bg-on: #4f46e5;--sw-knob: #ffffff;--sw-icon-off: #94a3b8;--sw-icon-on: #4f46e5;--sw-ease: cubic-bezier(.25, .8, .25, 1)}.switch-wrapper.svelte-lx2e2g{display:inline-flex;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;-webkit-tap-highlight-color:transparent;border-radius:99px}.switch-wrapper.svelte-lx2e2g:focus-visible .switch-track:where(.svelte-lx2e2g){box-shadow:0 0 0 2px #fff,0 0 0 4px var(--sw-bg-on)}.switch-track.svelte-lx2e2g{position:relative;width:var(--sw-width);height:var(--sw-height);background:var(--sw-bg-off);border-radius:99px;transition:background-color .4s var(--sw-ease),box-shadow .2s ease;box-shadow:inset 0 2px 4px #0000000f;border:1px solid rgba(0,0,0,.05)}.switch-track.toggled.svelte-lx2e2g{background:var(--sw-bg-on);box-shadow:none;border-color:transparent}.switch-knob-container.svelte-lx2e2g{position:absolute;top:var(--sw-pad);left:var(--sw-pad);width:calc(var(--sw-height) - var(--sw-pad) * 2);height:calc(var(--sw-height) - var(--sw-pad) * 2);transition:transform .4s var(--sw-ease);will-change:transform;pointer-events:none}.toggled.svelte-lx2e2g .switch-knob-container:where(.svelte-lx2e2g){transform:translate(calc(var(--sw-width) - var(--sw-height)))}.switch-knob.svelte-lx2e2g{width:100%;height:100%;background:var(--sw-knob);border-radius:50%;box-shadow:0 2px 4px #0003,0 1px 1px #0000001a;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.knob-icon.svelte-lx2e2g{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease,transform .4s var(--sw-ease)}.knob-icon.svelte-lx2e2g svg:where(.svelte-lx2e2g){width:12px;height:12px}.knob-icon.off.svelte-lx2e2g{opacity:1;transform:scale(1) rotate(0);color:var(--sw-icon-off)}.knob-icon.on.svelte-lx2e2g{opacity:0;transform:scale(.5) rotate(-45deg);color:var(--sw-icon-on)}.toggled.svelte-lx2e2g .knob-icon.off:where(.svelte-lx2e2g){opacity:0;transform:scale(.5) rotate(45deg)}.toggled.svelte-lx2e2g .knob-icon.on:where(.svelte-lx2e2g){opacity:1;transform:scale(1) rotate(0)}.switch-wrapper.svelte-lx2e2g:hover .switch-knob:where(.svelte-lx2e2g){transform:scale(1.05);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}