.switch.svelte-gs4vnn.svelte-gs4vnn.svelte-gs4vnn{--button-width:3.2em;--button-height:1.7em;--toggle-diameter:1.2em;--button-toggle-offset:calc((var(--button-height) - var(--toggle-diameter)) / 2);--toggle-shadow-offset:10px;--toggle-wider:3em;--color-grey:#cccccc;--color-green:var(--color-primary)}.slider.svelte-gs4vnn.svelte-gs4vnn.svelte-gs4vnn{display:inline-block;width:var(--button-width);height:var(--button-height);background-color:var(--color-grey);border-radius:calc(var(--button-height) / 2);position:relative;transition:.3s all ease-in-out}.slider.svelte-gs4vnn.svelte-gs4vnn.svelte-gs4vnn:after{content:"";display:inline-block;width:var(--toggle-diameter);height:var(--toggle-diameter);background-color:#fff;border-radius:calc(var(--toggle-diameter) / 2);position:absolute;top:var(--button-toggle-offset);transform:translate(var(--button-toggle-offset));box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a;transition:.3s all ease-in-out}.switch.svelte-gs4vnn input[type=checkbox].svelte-gs4vnn:checked+.slider.svelte-gs4vnn{background-color:var(--color-green)}.switch.svelte-gs4vnn input[type=checkbox].svelte-gs4vnn:checked+.slider.svelte-gs4vnn:after{transform:translate(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));box-shadow:calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) #0000001a}.switch.svelte-gs4vnn input[type=checkbox].svelte-gs4vnn.svelte-gs4vnn{display:none}.switch.svelte-gs4vnn input[type=checkbox].svelte-gs4vnn:active+.slider.svelte-gs4vnn:after{width:var(--toggle-wider)}.switch.svelte-gs4vnn input[type=checkbox].svelte-gs4vnn:checked:active+.slider.svelte-gs4vnn:after{transform:translate(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))}input[type=checkbox]:checked+label.svelte-cen2wh div.svelte-cen2wh{background-color:var(--color-primary);border-color:var(--color-primary)}input[type=checkbox]:checked:disabled+label.svelte-cen2wh div.svelte-cen2wh{background-color:#cbd5e1;border-color:#cbd5e1}input[type=checkbox]:checked+label.svelte-cen2wh div svg.svelte-cen2wh{display:block}