.np-switch.svelte-pxqgm8{position:relative;width:3.25rem;height:2rem;padding:.25rem;cursor:pointer;border-radius:var(--np-shape-corner-full);-webkit-tap-highlight-color:transparent}.np-track.svelte-pxqgm8{position:absolute;width:3.25rem;height:2rem;background-color:var( --np-comp-switch-unselected-track-color, var(--np-color-surface-container-highest) );border-radius:var(--np-shape-corner-full);transition:background-color .2s,outline-color .2s;outline-width:.125rem;outline-color:var(--np-comp-switch-unselected-track-outline-color, var(--np-color-outline));outline-style:solid;outline-offset:-.125rem}.np-handle.svelte-pxqgm8{position:absolute;color:var(--np-color-surface-container-highest);width:1rem;height:1rem;margin:.5rem;transition:transform .2s,background-color .2s;background-color:var(--np-comp-switch-unselected-handle-color, var(--np-color-outline));border-radius:var(--np-comp-switch-handle-shape, var(--np-shape-corner-full))}.np-handle.both-icons.svelte-pxqgm8{transform:scale(1.5)}.np-state-layer.svelte-pxqgm8{position:relative;width:var(--np-comp-switch-state-layer-size, 2.5rem);height:var(--np-comp-switch-state-layer-size, 2.5rem);margin-block-start:-.25rem;margin-inline-start:-.25rem;transition:transform .2s;border-radius:var(--np-comp-switch-state-layer-shape, var(--np-shape-corner-full))}.np-selected.svelte-pxqgm8 .np-state-layer:where(.svelte-pxqgm8){transform:translate(1.25rem)}.np-switch.svelte-pxqgm8 input:where(.svelte-pxqgm8){border-radius:var(--np-shape-corner-full);opacity:0;position:absolute;cursor:inherit;inset:0;width:100%;height:100%;margin:0}.np-switch-icon.svelte-pxqgm8{transform:scale(.6666667)}.np-switch.svelte-pxqgm8:not(.np-disabled):has(input:where(.svelte-pxqgm8):not(:checked):active) .np-handle:where(.svelte-pxqgm8){transform:scale(1.75)}.np-switch.svelte-pxqgm8:not(.np-disabled):has(input:where(.svelte-pxqgm8):checked:active) .np-handle:where(.svelte-pxqgm8){transform:translate(1.25rem) scale(1.75)}.np-selected.svelte-pxqgm8 .np-handle:where(.svelte-pxqgm8){transform:translate(1.25rem) scale(1.5);color:var(--np-color-primary);background-color:var(--np-comp-switch-selected-handle-color, var(--np-color-on-primary))}.np-disabled.svelte-pxqgm8 .np-handle:where(.svelte-pxqgm8){opacity:var(--np-comp-switch-disabled-unselected-handle-opacity, .38)}.np-selected.np-disabled.svelte-pxqgm8 .np-handle:where(.svelte-pxqgm8){opacity:var(--np-comp-switch-disabled-selected-handle-opacity, 1);background-color:var(--np-comp-switch-selected-handle-color, var(--np-color-surface))}.np-selected.svelte-pxqgm8 .np-track:where(.svelte-pxqgm8){background-color:var(--np-comp-switch-selected-track-color, var(--np-color-primary));outline-color:transparent}.np-disabled.svelte-pxqgm8 .np-track:where(.svelte-pxqgm8){opacity:var(--np-comp-switch-disabled-track-opacity, .12);background-color:var( --np-comp-switch-disabled-unselected-track-color, var(--np-color-surface-container-highest) )}.np-selected.np-disabled.svelte-pxqgm8 .np-track:where(.svelte-pxqgm8){background-color:var( --np-comp-switch-disabled-selected-track-color, var(--np-color-on-surface) )}.np-disabled.svelte-pxqgm8{cursor:default}.np-switch.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):focus-visible){outline-style:solid;outline-color:var(--np-color-secondary);outline-width:3px;outline-offset:-2px;animation:svelte-pxqgm8-focusAnimation .3s ease forwards}@keyframes svelte-pxqgm8-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}