.switch-container.svelte-h1qhwm{display:flex;align-items:center;gap:.5rem;width:-moz-fit-content;width:fit-content}.switch-container.svelte-h1qhwm:has(input:where(.svelte-h1qhwm):focus-visible){outline:3px solid var(--focus-outline);border-radius:3rem}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm){display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;width:100%;position:relative}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm) input:where(.svelte-h1qhwm){position:absolute;opacity:0;pointer-events:none}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm) .switch:where(.svelte-h1qhwm){flex-shrink:0;display:flex;align-items:center;justify-content:flex-start;border-radius:1rem;transition:background-color .3s ease,border-color .3s ease;--bg: var(--mono);border:var(--border-offset) solid var(--bg);background-color:var(--bg);--border-offset: 3px;width:2.5rem;height:1.5rem;--ball-size: 1.125rem;--tx: 1rem}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm) .switch.small:where(.svelte-h1qhwm){--border-offset: 2px;width:2rem;height:1.25rem;--ball-size: 1rem;--tx: .75rem}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm) .switch:where(.svelte-h1qhwm) .ball:where(.svelte-h1qhwm){width:var(--ball-size);height:var(--ball-size);border-radius:100%;background-color:#fff;color:var(--bg);transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm) .switch.checked:where(.svelte-h1qhwm){--bg: var(--green)}.switch-container.svelte-h1qhwm label:where(.svelte-h1qhwm) .switch.checked:where(.svelte-h1qhwm) .ball:where(.svelte-h1qhwm){transform:translate(var(--tx));color:var(--bg)}
