:root{--switch-default-width: 40px;--switch-default-height: 24px;--switch-default-handle-width: 16px;--switch-default-handle-color: #ffffff;--switch-default-translate-x: 16px;--switch-default-translate-middle-x: 8px;--switch-default-active-box-shadow: inset 0 0 0 2px rgb(var(--global-color-background-500));--switch-default-active-background-color: rgb(var(--global-color-background-500));--switch-default-inactive-box-shadow: inset 0 0 0 2px rgb(var(--global-color-background-500));--switch-default-inactive-background-color: rgb(var(--global-color-contrast-50));--switch-default-disabled-inactive-box-shadow: inset 0 0 0 2px rgb(var(--global-color-contrast-400));--switch-default-disabled-inactive-background-color: rgb(var(--global-color-contrast-100));--switch-default-disabled-inactive-handle-color: rgb(var(--global-color-contrast-400));--switch-default-disabled-active-box-shadow: inset 0 0 0 2px rgb(var(--global-color-background-400));--switch-default-disabled-active-background-color: rgb(var(--global-color-background-300));--switch-default-disabled-active-handle-color: #eeeeee }.toggle-switch.svelte-gb5e1s{position:relative;display:inline-block;width:var(--switch-width, var(--switch-default-width));height:var(--switch-height, var(--switch-default-height));cursor:pointer}.toggle-switch.disabled.svelte-gb5e1s{cursor:not-allowed}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s){display:none}.toggle-switch-background.svelte-gb5e1s{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--switch-inactive-background-color, var(--switch-default-inactive-background-color));border-radius:20px;box-shadow:var(--switch-inactive-box-shadow, var(--switch-default-inactive-box-shadow));transition:background-color .3s ease-in-out}.toggle-switch-handle.svelte-gb5e1s{position:absolute;top:4px;left:4px;width:var(--switch-handle-width, var(--switch-default-handle-width));height:var(--switch-handle-width, var(--switch-default-handle-width));background-color:var(--switch-handle-color, var(--switch-default-handle-color));border-radius:50%;box-shadow:0 2px 5px #0006;transition:transform .3s ease-in-out}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s):disabled+.toggle-switch-background:where(.svelte-gb5e1s){background-color:var(--switch-disabled-inactive-background-color, var(--switch-default-disabled-inactive-background-color));box-shadow:var(--switch-disabled-inactive-box-shadow, var(--switch-default-disabled-inactive-box-shadow))}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s):disabled+.toggle-switch-background:where(.svelte-gb5e1s) .toggle-switch-handle:where(.svelte-gb5e1s){background-color:var(--switch-disabled-inactive-handle-color, var(--switch-default-disabled-inactive-handle-color));box-shadow:0 2px 5px #0006}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s):checked+.toggle-switch-background:where(.svelte-gb5e1s){background-color:var(--switch-active-background-color, var(--switch-default-active-background-color));box-shadow:var(--switch-active-box-shadow, var(--switch-default-active-box-shadow))}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s):checked+.toggle-switch-background:where(.svelte-gb5e1s) .toggle-switch-handle:where(.svelte-gb5e1s){transform:translate(var(--switch-translate-x, var(--switch-default-translate-x)))}.toggle-switch.middle.svelte-gb5e1s .toggle-switch-background:where(.svelte-gb5e1s) .toggle-switch-handle:where(.svelte-gb5e1s){transform:translate(var(--switch-translate-middle-x, var(--switch-default-translate-middle-x)))}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s):disabled:checked+.toggle-switch-background:where(.svelte-gb5e1s){background-color:var(--switch-disabled-active-background-color, var(--switch-default-disabled-active-background-color));box-shadow:var(--switch-disabled-active-box-shadow, var(--switch-default-disabled-active-box-shadow))}.toggle-switch.svelte-gb5e1s input[type=checkbox]:where(.svelte-gb5e1s):disabled:checked+.toggle-switch-background:where(.svelte-gb5e1s) .toggle-switch-handle:where(.svelte-gb5e1s){background-color:var(--switch-disabled-active-handle-color, var(--switch-default-disabled-active-handle-color));box-shadow:0 2px 5px #0006}
