.switch.svelte-1juuvq6{--size: .9;--switch-width: calc(var(--size) * 46px);--switch-height: calc(var(--size) * 24px);--switch-bg: rgb(131, 131, 131);--switch-checked-bg: var(--color-blue-500);--switch-offset: calc((var(--switch-height) - var(--circle-diameter)) / 2);--switch-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--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);--circle-transition: var(--switch-transition);--icon-transition: all .2s cubic-bezier(.27, .2, .25, 1.51);--icon-cross-color: var(--switch-bg);--icon-cross-size: calc(var(--size) * 6px);--icon-checkmark-color: var(--switch-checked-bg);--icon-checkmark-size: calc(var(--size) * 10px);--effect-width: calc(var(--circle-diameter) / 2);--effect-height: calc(var(--effect-width) / 2 - calc(var(--size) * 1px));--effect-bg: var(--circle-bg);--effect-border-radius: 1px;--effect-transition: all .2s ease-in-out}.switch.svelte-1juuvq6 input:where(.svelte-1juuvq6){display:none}.switch.svelte-1juuvq6{display:inline-block}.switch.svelte-1juuvq6 svg:where(.svelte-1juuvq6){-webkit-transition:var(--icon-transition);-o-transition:var(--icon-transition);transition:var(--icon-transition);position:absolute;height:auto}.switch.svelte-1juuvq6 .checkmark:where(.svelte-1juuvq6){width:var(--icon-checkmark-size);color:var(--icon-checkmark-color);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.switch.svelte-1juuvq6 .cross:where(.svelte-1juuvq6){width:var(--icon-cross-size);color:var(--icon-cross-color)}.slider.svelte-1juuvq6{-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--switch-width);height:var(--switch-height);background:var(--switch-bg);border-radius:999px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;-webkit-transition:var(--switch-transition);-o-transition:var(--switch-transition);transition:var(--switch-transition);cursor:pointer}.circle.svelte-1juuvq6{width:var(--circle-diameter);height:var(--circle-diameter);background:var(--circle-bg);border-radius:inherit;-webkit-box-shadow:var(--circle-shadow);box-shadow:var(--circle-shadow);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:var(--circle-transition);-o-transition:var(--circle-transition);transition:var(--circle-transition);z-index:1;position:absolute;left:var(--switch-offset)}.slider.svelte-1juuvq6: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:var(--effect-border-radius);-webkit-transition:var(--effect-transition);-o-transition:var(--effect-transition);transition:var(--effect-transition)}.switch.svelte-1juuvq6 input:where(.svelte-1juuvq6):checked+.slider:where(.svelte-1juuvq6){background:var(--switch-checked-bg)}.switch.svelte-1juuvq6 input:where(.svelte-1juuvq6):checked+.slider:where(.svelte-1juuvq6) .checkmark:where(.svelte-1juuvq6){-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.switch.svelte-1juuvq6 input:where(.svelte-1juuvq6):checked+.slider:where(.svelte-1juuvq6) .cross:where(.svelte-1juuvq6){-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.switch.svelte-1juuvq6 input:where(.svelte-1juuvq6):checked+.slider:where(.svelte-1juuvq6):before{left:calc(100% - var(--effect-width) - (var(--effect-width) / 2) - var(--switch-offset))}.switch.svelte-1juuvq6 input:where(.svelte-1juuvq6):checked+.slider:where(.svelte-1juuvq6) .circle:where(.svelte-1juuvq6){left:calc(100% - var(--circle-diameter) - var(--switch-offset));-webkit-box-shadow:var(--circle-checked-shadow);box-shadow:var(--circle-checked-shadow)}