@layer components{.ns-toggle{--ns-toggle-w:2.75rem;--ns-toggle-h:1.625rem;--ns-toggle-pad:2px;--ns-toggle-d:calc(var(--ns-toggle-h) - var(--ns-toggle-pad) * 2);--ns-toggle-travel:calc(var(--ns-toggle-w) - var(--ns-toggle-h));--ns-toggle-stretch:0px;--ns-toggle-dir:1;--ns-toggle-p:0;--ns-toggle-lit:var(--led,#3a7bf0);--ns-toggle-glow:var(--glow,#2e79f58c);appearance:none;box-sizing:border-box;width:var(--ns-toggle-w);height:var(--ns-toggle-h);background:var(--bg-well,#efefef);box-shadow:inset 0 0 0 1px var(--face-line,#0000001a), inset 0 1px 2px var(--shade,#00000017);vertical-align:middle;cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;border:0;border-radius:999px;flex:none;margin:0;padding:0;display:inline-block;position:relative}@supports (color:lab(0% 0 0)){.ns-toggle{--ns-toggle-glow:var(--glow,lab(51.6799% 11.8994 -69.877/.55));box-shadow:inset 0 0 0 1px var(--face-line,lab(0% 0 0/.1)), inset 0 1px 2px var(--shade,lab(0% 0 0/.09))}}.ns-toggle[aria-checked=true]{--ns-toggle-p:1}.ns-toggle: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)){--ns-toggle-dir:-1}.ns-toggle:active:not(:disabled){--ns-toggle-stretch:calc(var(--ns-toggle-d) * .3)}.ns-toggle[data-size=sm]{--ns-toggle-w:2.125rem;--ns-toggle-h:1.25rem}.ns-toggle[data-tone=ink]{--ns-toggle-lit:var(--ink,#111);--ns-toggle-glow:transparent}.ns-toggle__fill{border-radius:inherit;background:var(--ns-toggle-lit);box-shadow:inset 0 1px 2px #0000002e, 0 0 12px -2px var(--ns-toggle-glow);opacity:clamp(0, var(--ns-toggle-p), 1);transition:opacity var(--duration,.2s) var(--ease,ease-out);position:absolute;inset:0}@supports (color:lab(0% 0 0)){.ns-toggle__fill{box-shadow:inset 0 1px 2px lab(0% 0 0/.18), 0 0 12px -2px var(--ns-toggle-glow)}}.ns-toggle__thumb{top:var(--ns-toggle-pad);width:calc(var(--ns-toggle-d) + var(--ns-toggle-stretch));height:var(--ns-toggle-d);background:var(--chrome,#fff);box-shadow:0 0 0 .5px var(--chrome-line,#00000026), 0 1px 2px #00000029, 0 3px 8px -2px #00000038;translate:calc((var(--ns-toggle-travel) - var(--ns-toggle-stretch)) * var(--ns-toggle-p) * var(--ns-toggle-dir)) 0;transition:translate var(--duration-bounce,.64s) var(--ease-bounce,ease-out), width var(--duration-spring,.4s) var(--ease-spring,ease-out);border-radius:999px;position:absolute;inset-inline-start:var(--ns-toggle-pad)}@supports (color:lab(0% 0 0)){.ns-toggle__thumb{box-shadow:0 0 0 .5px var(--chrome-line,lab(0% 0 0/.15)), 0 1px 2px lab(0% 0 0/.16), 0 3px 8px -2px lab(0% 0 0/.22)}}.ns-toggle[data-dragging] :is(.ns-toggle__thumb,.ns-toggle__fill){transition-duration:var(--duration-press,.1s);transition-timing-function:var(--ease,ease-out)}.ns-toggle:focus-visible{outline:2px solid var(--focus,currentColor);outline-offset:2px}.ns-toggle:disabled{cursor:not-allowed;opacity:.5}@media (forced-colors:active){.ns-toggle{outline:1px solid canvastext}.ns-toggle__fill{forced-color-adjust:none;background:highlight}.ns-toggle__thumb{forced-color-adjust:none;background:canvastext}.ns-toggle[aria-checked=true] .ns-toggle__thumb{background:highlighttext}}}
