.toggle-switch-sm.svelte-7jc5lq{--switch-width: var(--orb-size-14-m) --switch-height: var(--orb-size-8-m);--knob-size: var(--orb-size-6-m);--knob-offset: var(--orb-size-6-m)}.toggle-switch-md.svelte-7jc5lq{--switch-width: var(--orb-size-20-m);--switch-height: var(--orb-size-12-m);--knob-size: var(--orb-size-10-m);--knob-offset: var(--orb-size-m)}.toggle-switch-lg.svelte-7jc5lq{--switch-width: var(--orb-size-28-m);--switch-height: var(--orb-size-16-m);--knob-size: var(--orb-size-14-m);--knob-offset: var(--orb-size-14-m)}.toggle-switch.svelte-7jc5lq{-webkit-appearance:none;appearance:none;flex-shrink:0;position:relative;background-color:var(--orb-surface-generic-medium);width:var(--switch-width);height:var(--switch-height);cursor:pointer;transition:background-color .1s ease}.toggle-switch.svelte-7jc5lq:hover,.toggle-switch.svelte-7jc5lq:active{background-color:var(--orb-surface-generic-medium-hovered)}.toggle-switch.svelte-7jc5lq:checked{background-color:var(--orb-surface-brand)}:root:has(.alice-theme) .toggle-switch.svelte-7jc5lq:checked{background-color:var(--bg-checkbox-checked)}.toggle-switch.svelte-7jc5lq:disabled{background-color:var(--color-toggle-off-background-disabled);cursor:default}.toggle-switch.svelte-7jc5lq:checked:hover,.toggle-switch.svelte-7jc5lq:checked:active{background-color:var(--orb-surface-brand-hovered)}.toggle-switch.svelte-7jc5lq:checked:disabled{background-color:var(--color-toggle-on-background-disabled)}.toggle-switch.svelte-7jc5lq:before{content:"";top:calc(50% - var(--knob-size) / 2);left:0;position:absolute;background-color:var(--orb-surface-static-light);height:var(--knob-size);width:var(--knob-size);transform:translate(var(--knob-offset));border-radius:50px;box-shadow:0 2px 4px 0 var(--orb-misc-shadow);transition:transform .3s,background-color .1s ease}.toggle-switch.svelte-7jc5lq:checked:before{transform:translate(calc(var(--switch-width) - var(--knob-size) - var(--knob-offset)))}.toggle-switch.svelte-7jc5lq:disabled:before{background-color:var(--color-toggle-thumb-disabled)}