.np-switch.svelte-pxqgm8{--_travel:1.25rem;--_selected-handle:var(--np-switch-selected-handle-color,var(--np-color-on-primary));--_unselected-active-handle:var(--np-switch-unselected-handle-color,var(--np-color-on-surface-variant));cursor:pointer;border-radius:var(--np-shape-corner-full);-webkit-tap-highlight-color:transparent;width:3.25rem;height:2rem;padding:.25rem;position:relative}label{-webkit-tap-highlight-color:transparent}.np-track.svelte-pxqgm8{background-color:var(--np-switch-unselected-track-color,var(--np-color-surface-container-highest));border-radius:var(--np-shape-corner-full);outline-width:.125rem;outline-color:var(--np-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-switch.svelte-pxqgm8:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){--_travel:-1.25rem}.np-handle.svelte-pxqgm8{color:var(--np-color-surface-container-highest);width:1rem;height:1rem;transition:transform var(--np-motion-expressive-fast-spatial), background-color var(--np-motion-expressive-default-effects);background-color:var(--np-switch-unselected-handle-color,var(--np-color-outline));border-radius:var(--np-switch-handle-shape,var(--np-shape-corner-full));margin:.5rem;position:absolute}.np-handle.both-icons.svelte-pxqgm8{transform:scale(1.5)}.np-state-layer.svelte-pxqgm8{width:var(--np-switch-state-layer-size,2.5rem);height:var(--np-switch-state-layer-size,2.5rem);transition:var(--np-motion-expressive-fast-spatial);border-radius:var(--np-switch-state-layer-shape,var(--np-shape-corner-full));margin-block-start:-.25rem;margin-inline-start:-.25rem;position:relative}.np-switch.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-state-layer:where(.svelte-pxqgm8){transform:translateX(var(--_travel))}.np-switch.svelte-pxqgm8 input:where(.svelte-pxqgm8){border-radius:var(--np-shape-corner-full);opacity:0;cursor:inherit;width:100%;height:max(3rem,100%);margin:0;position:absolute;inset-block-start:50%;inset-inline-start:0;translate:0 -50%}.np-switch-icon.svelte-pxqgm8{transform:scale(.666667)}:is(.np-switch.svelte-pxqgm8:not(:has(input:checked)) .np-icon-selected:where(.svelte-pxqgm8),.np-switch.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-icon-unselected:where(.svelte-pxqgm8)){display:none}.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:translateX(var(--_travel)) scale(1.75)}.np-switch.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-handle:where(.svelte-pxqgm8){transform:translateX(var(--_travel)) scale(1.5);color:var(--np-switch-selected-icon-color,var(--np-color-primary));background-color:var(--_selected-handle)}@media (hover:hover){.np-switch.svelte-pxqgm8:not(.np-disabled):hover:has(input:where(.svelte-pxqgm8):not(:checked)) .np-handle:where(.svelte-pxqgm8){background-color:var(--np-switch-unselected-hover-handle-color,var(--_unselected-active-handle))}.np-switch.svelte-pxqgm8:not(.np-disabled,.np-error):hover:has(input:where(.svelte-pxqgm8):checked) .np-handle:where(.svelte-pxqgm8){background-color:var(--np-switch-selected-hover-handle-color,var(--_selected-handle))}}.np-switch.svelte-pxqgm8:not(.np-disabled):has(input:where(.svelte-pxqgm8):not(:checked):active) .np-handle:where(.svelte-pxqgm8){background-color:var(--np-switch-unselected-pressed-handle-color,var(--_unselected-active-handle))}.np-switch.svelte-pxqgm8:not(.np-disabled,.np-error):has(input:where(.svelte-pxqgm8):checked:active) .np-handle:where(.svelte-pxqgm8){background-color:var(--np-switch-selected-pressed-handle-color,var(--_selected-handle))}.np-switch.svelte-pxqgm8:not(.np-error):has(input:where(.svelte-pxqgm8):checked){--np-ripple-hover-color:var(--np-switch-selected-track-color,var(--np-color-primary));--np-ripple-pressed-color:var(--np-switch-selected-track-color,var(--np-color-primary))}.np-disabled.svelte-pxqgm8 .np-handle:where(.svelte-pxqgm8){background-color:var(--np-switch-disabled-unselected-handle-color,var(--np-color-on-surface));opacity:var(--np-switch-disabled-unselected-handle-opacity,.38)}.np-switch.np-disabled.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-handle:where(.svelte-pxqgm8){opacity:var(--np-switch-disabled-selected-handle-opacity,1);background-color:var(--np-switch-disabled-selected-handle-color,var(--np-color-surface))}.np-switch.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-track:where(.svelte-pxqgm8){background-color:var(--np-switch-selected-track-color,var(--np-color-primary));outline-color:#0000}.np-error.svelte-pxqgm8 .np-track:where(.svelte-pxqgm8){outline-color:var(--np-color-error)}.np-error.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-track:where(.svelte-pxqgm8){background-color:var(--np-color-error)}.np-error.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-handle:where(.svelte-pxqgm8){background-color:var(--np-color-on-error)}.np-error.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-switch-icon:where(.svelte-pxqgm8){color:var(--np-color-error)}.np-error.svelte-pxqgm8{--np-ripple-hover-color:var(--np-color-error);--np-ripple-pressed-color:var(--np-color-error)}.np-disabled.svelte-pxqgm8 .np-track:where(.svelte-pxqgm8){opacity:var(--np-switch-disabled-track-opacity,.12);outline-color:var(--np-switch-disabled-unselected-track-outline-color,var(--np-color-on-surface));background-color:var(--np-switch-disabled-unselected-track-color,var(--np-color-surface-container-highest))}.np-switch.np-disabled.svelte-pxqgm8:has(input:where(.svelte-pxqgm8):checked) .np-track:where(.svelte-pxqgm8){background-color:var(--np-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;animation:focusAnimation var(--np-motion-expressive-slow-effects) forwards;outline-width:3px}