.switch-wrapper.svelte-ynrqup{--width:60px;--height:30px;align-items:center;max-width:fit-content;display:flex;position:relative}input[type=checkbox].svelte-ynrqup{opacity:0;z-index:1;cursor:pointer;height:calc(var(--height) + 2 * var(--spacing-md));width:calc(var(--width) + 2 * var(--spacing-md));left:calc(-1 * var(--spacing-md));font-size:var(--fs-base);margin:0;position:absolute}input[type=checkbox].svelte-ynrqup:checked+.switch:where(.svelte-ynrqup){background-color:var(--primary-color-dark)}input[type=checkbox].svelte-ynrqup:checked+.switch:where(.svelte-ynrqup) .slider:where(.svelte-ynrqup){translate:15px}input[type=checkbox].svelte-ynrqup:checked+.switch:where(.svelte-ynrqup) .off-icon:where(.svelte-ynrqup){opacity:0}input[type=checkbox].svelte-ynrqup:checked+.switch:where(.svelte-ynrqup) .on-icon:where(.svelte-ynrqup){opacity:1}input[type=checkbox].svelte-ynrqup:focus-visible+.switch:where(.svelte-ynrqup){outline:var(--border-thickness) solid var(--primary-color);outline-offset:var(--border-thickness)}input[type=checkbox].svelte-ynrqup:hover:not(:checked)+.switch:where(.svelte-ynrqup){opacity:.9}input[type=checkbox].svelte-ynrqup:hover:checked+.switch:where(.svelte-ynrqup){opacity:.9}input[type=checkbox].svelte-ynrqup:active+.switch:where(.svelte-ynrqup),input[type=checkbox].svelte-ynrqup:active:checked+.switch:where(.svelte-ynrqup){opacity:.75}.switch.svelte-ynrqup{aspect-ratio:1;min-width:var(--width);width:var(--width);max-width:var(--width);min-height:var(--height);height:var(--height);max-height:var(--height);font-size:var(--fs-base);background-color:oklch(from var(--primary-color) 60% .04 h);transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);border-radius:1lh;justify-content:center;align-items:center;padding:2px;transition-property:border-color,color,background-color,outline-color,opacity;display:flex;position:relative}.switch.svelte-ynrqup .off-icon:where(.svelte-ynrqup){color:oklch(from var(--primary-color) 60% .04 h);transition:opacity var(--transition-duration) var(--transition-timing-function);opacity:1;max-width:calc(var(--height) - var(--border-thickness) - 2 * 4px);padding:4px;position:absolute}.switch.svelte-ynrqup .on-icon:where(.svelte-ynrqup){color:oklch(from var(--primary-color) 50% .1 h);transition:opacity var(--transition-duration) var(--transition-timing-function);opacity:0;max-width:calc(var(--height) - var(--border-thickness) - 2 * 4px);padding:4px;position:absolute}.slider.svelte-ynrqup{aspect-ratio:1;width:calc(var(--height) - var(--border-thickness) - 2 * 2px);transition-duration:var(--transition-duration);transition-timing-function:var(--transition-timing-function);background-color:#fff;border-radius:100%;justify-content:center;align-items:center;transition-property:translate,background-color;display:flex;translate:-15px}.label.svelte-ynrqup{padding-left:var(--spacing-sm);-webkit-user-select:none;user-select:none;cursor:pointer;font-weight:400}