.switch.svelte-1vby1ob{--switch-width:2.8rem;--switch-height:1.5rem;--switch-padding:.2rem;--switch-border:1px;width:var(--switch-width);height:var(--switch-height);padding:var(--switch-padding);border:var(--switch-border) solid var(--tertiary);border-radius:var(--switch-height);background-color:var(--secondary);cursor:pointer;flex:none;transition:background-color .2s,border-color .2s;position:relative}.switch.svelte-1vby1ob:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.switch.svelte-1vby1ob:disabled{opacity:.5;cursor:not-allowed}.knob.svelte-1vby1ob{width:calc(var(--switch-height) - 2 * var(--switch-padding) - 2 * var(--switch-border));height:calc(var(--switch-height) - 2 * var(--switch-padding) - 2 * var(--switch-border));background-color:var(--secondary-text);border-radius:50%;transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s;display:block;transform:translate(0)}.on.svelte-1vby1ob{background-color:var(--accent);border-color:var(--accent)}.on.svelte-1vby1ob .knob:where(.svelte-1vby1ob){background-color:var(--accent-text);transform:translateX(calc(var(--switch-width) - var(--switch-height)))}@media (prefers-reduced-motion:reduce){.switch.svelte-1vby1ob,.knob.svelte-1vby1ob{transition:none}}