.np-switch.svelte-pxqgm8{cursor:pointer;border-radius:var(--np-shape-corner-full);-webkit-tap-highlight-color:transparent;width:3.25rem;height:2rem;padding:.25rem;position:relative}.np-track.svelte-pxqgm8{background-color:var(--np-comp-switch-unselected-track-color,var(--np-color-surface-container-highest));border-radius:var(--np-shape-corner-full);outline-width:.125rem;outline-color:var(--np-comp-switch-unselected-track-outline-color,var(--np-color-outline));outline-offset:-.125rem;outline-style:solid;width:3.25rem;height:2rem;transition:background-color .2s,outline-color .2s;position:absolute}.np-handle.svelte-pxqgm8{color:var(--np-color-surface-container-highest);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));width:1rem;height:1rem;margin:.5rem;transition:transform .2s,background-color .2s;position:absolute}.np-handle.both-icons.svelte-pxqgm8{transform:scale(1.5)}.np-state-layer.svelte-pxqgm8{width:var(--np-comp-switch-state-layer-size,2.5rem);height:var(--np-comp-switch-state-layer-size,2.5rem);border-radius:var(--np-comp-switch-state-layer-shape,var(--np-shape-corner-full));margin-block-start:-.25rem;margin-inline-start:-.25rem;transition:transform .2s;position:relative}.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;cursor:inherit;width:100%;height:100%;margin:0;position:absolute;inset:0}.np-switch-icon.svelte-pxqgm8{transform:scale(.666667)}.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){color:var(--np-color-primary);background-color:var(--np-comp-switch-selected-handle-color,var(--np-color-on-primary));transform:translate(1.25rem)scale(1.5)}.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:#0000}.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-offset:-2px;outline-width:3px;animation:.3s forwards svelte-pxqgm8-focusAnimation}@keyframes svelte-pxqgm8-focusAnimation{0%{outline-width:3px}50%{outline-width:6px}to{outline-width:3px}}