.nswitch{--n-hue:210;--n-on1:203;-webkit-tap-highlight-color:transparent;flex:none;width:3.25em;height:1.95em;font-size:16px;display:block;position:relative}.nswitch__input{cursor:pointer;appearance:none;z-index:2;outline:#0000;width:100%;height:100%;margin:0;position:relative}.nswitch__base-outer,.nswitch__base-inner{pointer-events:none;transition:background-color .45s,box-shadow .45s;display:block;position:absolute}.nswitch__base-outer{background:hsl(var(--n-hue) 30% 97%);width:3.09em;height:1.79em;box-shadow:.09em .09em .18em hsl(var(--n-hue) 20% 78%) inset, -.09em -.09em .18em #fff inset, .1em .12em .24em hsl(var(--n-hue) 25% 82% / .6), -.06em -.06em .16em #ffffffe6;border-radius:1em;top:.08em;left:.08em}.nswitch__base-inner{background:linear-gradient(160deg, #ffffffe6, hsl(var(--n-hue) 30% 94% / .7));width:2.77em;height:1.47em;box-shadow:.05em .06em .12em hsl(var(--n-hue) 20% 80% / .8) inset, -.05em -.05em .1em #fff inset;border-radius:.9em;top:.24em;left:.24em}.nswitch__input:checked~.nswitch__base-outer{background:hsl(var(--n-on1) 60% 96%);box-shadow:.09em .09em .18em hsl(var(--n-on1) 40% 80%) inset, -.09em -.09em .18em #fff inset, 0 .1em .3em hsl(var(--n-on1) 70% 55% / .18)}.nswitch__input:checked~.nswitch__base-inner{background:linear-gradient(160deg, hsl(var(--n-on1) 80% 97%), hsl(var(--n-on1) 60% 90% / .9))}.nswitch__neon{pointer-events:none;opacity:.55;width:100%;height:auto;display:block;position:absolute;top:0;left:0;overflow:visible}.nswitch__neon path{stroke-dasharray:0 104.26 0;transition:stroke-dasharray .6s cubic-bezier(.65,0,.35,1)}.nswitch__knob,.nswitch__knob-container{pointer-events:none;border-radius:1em;display:block;position:absolute}.nswitch__knob{background:radial-gradient(75% 75% at 35% 28%, #fff 0%, #fff0 60%), linear-gradient(155deg, #fff, hsl(var(--n-hue) 25% 93%));width:1.3em;height:1.3em;box-shadow:0 .06em .16em hsl(var(--n-hue) 25% 60% / .35), 0 .02em .04em hsl(var(--n-hue) 25% 55% / .25), -.04em -.04em .06em #fff inset, .04em .06em .08em hsl(var(--n-hue) 20% 85%) inset;transition:transform .6s cubic-bezier(.65,0,.35,1),box-shadow .45s}.nswitch__input:checked~.nswitch__knob-container .nswitch__knob{box-shadow:0 .06em .18em hsl(var(--n-on1) 60% 45% / .3), -.04em -.04em .06em #fff inset, .04em .06em .08em hsl(var(--n-on1) 40% 88%) inset;transform:translate(100%)}.nswitch__knob-container{width:2.6em;height:1.3em;top:.33em;left:.33em;overflow:hidden}.nswitch__led{background-color:hsl(var(--n-hue) 15% 78%);width:.22em;height:.22em;box-shadow:0 .02em .04em hsl(var(--n-hue) 20% 70% / .6);pointer-events:none;border-radius:50%;transition:background-color .5s,box-shadow .5s;display:block;position:absolute;top:0;left:0}.nswitch__input:checked~.nswitch__led{background-color:hsl(var(--n-on1) 85% 45%);box-shadow:0 0 .2em hsl(var(--n-on1) 85% 45% / .6)}.nswitch__input:checked~.nswitch__neon path{stroke-dasharray:52.13 0 52.13}.nswitch__input:focus-visible~.nswitch__base-outer{outline:2px solid hsl(var(--primary));outline-offset:3px}