.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;transition:background-color var(--dur-fast) ease, border-color var(--dur-fast) ease;flex:none;position:relative}.switch.svelte-1vby1ob:disabled{opacity:.5;cursor:not-allowed}.switch.sm.svelte-1vby1ob{--switch-width:2.2rem;--switch-height:1.2rem}.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);transition:transform var(--dur-fast) cubic-bezier(.4, 0, .2, 1), background-color var(--dur-fast) ease;border-radius:50%;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)))}