.switch.svelte-1s6i0u6{--size: .9;--switch-width: calc(var(--size) * 44px);--switch-height: calc(var(--size) * 24px);--switch-bg: var(--base-400);--switch-checked-bg: var(--primary-500);--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);--switch-transition: all var(--animation-duration-moderate) var(--animation-easing-in-out);--circle-diameter: calc(var(--size) * 18px);--circle-bg: #fff;--circle-shadow: 1px 1px 2px rgba(146, 146, 146, .45);--circle-checked-shadow: -1px 1px 2px rgba(163, 163, 163, .45);--effect-width: calc(var(--circle-diameter) / 2);--effect-height: calc(var(--effect-width) / 2 - calc(var(--size) * 1px));--effect-bg: var(--circle-bg);display:inline-block}.switch.svelte-1s6i0u6 input:where(.svelte-1s6i0u6){display:none}.slider.svelte-1s6i0u6{box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;display:flex;align-items:center;position:relative;transition:var(--switch-transition)}.circle.svelte-1s6i0u6{width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);border-radius:inherit;box-shadow:var(--circle-shadow);display:flex;align-items:center;justify-content:center;transition:var(--switch-transition);z-index:1;position:absolute;left:var(--switch-offset)}.slider.svelte-1s6i0u6:before{content:"";position:absolute;width:var(--effect-width);height:var(--effect-height);left:calc(var(--switch-offset) + (var(--effect-width) / 2));background:var(--effect-bg);border-radius:1px;transition:all var(--animation-duration-moderate) var(--animation-easing-in-out)}.switch.svelte-1s6i0u6 input:where(.svelte-1s6i0u6):checked+.slider:where(.svelte-1s6i0u6){background:var(--switch-checked-bg)}.switch.svelte-1s6i0u6 input:where(.svelte-1s6i0u6):checked+.slider:where(.svelte-1s6i0u6):before{left:calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset))}.switch.svelte-1s6i0u6 input:where(.svelte-1s6i0u6):checked+.slider:where(.svelte-1s6i0u6) .circle:where(.svelte-1s6i0u6){left:calc(100% - var(--circle-diameter) - var(--switch-offset));box-shadow:var(--circle-checked-shadow)}:root{--checkbox-intermediate: var(--base-400)}:root.dark{--checkbox-intermediate: var(--base-600)}
