@layer n2u.reset,n2u.tokens,n2u.base;@layer n2u.components{.n2u-switch{align-items:flex-start;display:flex;position:relative}.n2u-switch__container{align-items:center;display:flex}.n2u-switch__wrapper{margin-inline-start:calc(var(--spacing)*2)}.n2u-switch__description{color:var(--ui-text-muted)}.n2u-switch[data-size=xs] .n2u-switch__container{height:calc(var(--spacing)*4)}.n2u-switch[data-size=xs] .n2u-switch__wrapper{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.n2u-switch[data-size=sm] .n2u-switch__container{height:calc(var(--spacing)*4)}.n2u-switch[data-size=sm] .n2u-switch__wrapper{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.n2u-switch[data-size=md] .n2u-switch__container{height:calc(var(--spacing)*5)}.n2u-switch[data-size=md] .n2u-switch__wrapper{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.n2u-switch[data-size=lg] .n2u-switch__container{height:calc(var(--spacing)*5)}.n2u-switch[data-size=lg] .n2u-switch__wrapper{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.n2u-switch[data-size=xl] .n2u-switch__container{height:calc(var(--spacing)*6)}.n2u-switch[data-size=xl] .n2u-switch__wrapper{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.n2u-switch[data-disabled]{opacity:.75}.n2u-switch[data-disabled] .n2u-switch__description{cursor:not-allowed}}@layer n2u.kit;@layer n2u.overrides{.n2u-switch__base{border-color:#0000;border-style:var(--tw-border-style);--tw-duration:.2s;--tw-ease:var(--ease-out);transition-property:background;transition-duration:.2s;transition-timing-function:var(--ease-out);border-width:2px;border-radius:2147483647px;flex-shrink:0;align-items:center;display:inline-flex}.n2u-switch__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-switch__base[data-state=unchecked]{background-color:var(--ui-bg-accented)}.n2u-switch__thumb{background-color:var(--ui-bg);pointer-events:none;--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-duration:.2s;--tw-ease:var(--ease-out);transition-property:transform,translate,scale,rotate;transition-duration:.2s;transition-timing-function:var(--ease-out);border-radius:2147483647px;justify-content:center;align-items:center;display:flex}.n2u-switch__thumb[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}@media (prefers-reduced-motion:reduce){.n2u-switch__thumb{transition-property:none}}.n2u-switch__thumb[data-state=unchecked]:where(: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)),[dir=rtl],[dir=rtl] *){--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch__icon{opacity:0;--tw-duration:.2s;--tw-ease:var(--ease-out);width:83.3333%;height:83.3333%;transition-property:color,opacity;transition-duration:.2s;transition-timing-function:var(--ease-out);flex-shrink:0;position:absolute}.n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=unchecked] *){color:var(--ui-text-dimmed)}.n2u-switch__label{--tw-font-weight:var(--font-weight-medium);color:var(--ui-text);font-weight:var(--font-weight-medium);display:block}.n2u-switch[data-color=primary] .n2u-switch__base{outline-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=primary] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)}}.n2u-switch[data-color=primary] .n2u-switch__base[data-state=checked]{background-color:var(--ui-primary)}.n2u-switch[data-color=primary] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-primary)}.n2u-switch[data-color=secondary] .n2u-switch__base{outline-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=secondary] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-secondary) 25%,transparent)}}.n2u-switch[data-color=secondary] .n2u-switch__base[data-state=checked]{background-color:var(--ui-secondary)}.n2u-switch[data-color=secondary] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-secondary)}.n2u-switch[data-color=success] .n2u-switch__base{outline-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=success] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-success) 25%,transparent)}}.n2u-switch[data-color=success] .n2u-switch__base[data-state=checked]{background-color:var(--ui-success)}.n2u-switch[data-color=success] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-success)}.n2u-switch[data-color=info] .n2u-switch__base{outline-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=info] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-info) 25%,transparent)}}.n2u-switch[data-color=info] .n2u-switch__base[data-state=checked]{background-color:var(--ui-info)}.n2u-switch[data-color=info] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-info)}.n2u-switch[data-color=warning] .n2u-switch__base{outline-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=warning] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-warning) 25%,transparent)}}.n2u-switch[data-color=warning] .n2u-switch__base[data-state=checked]{background-color:var(--ui-warning)}.n2u-switch[data-color=warning] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-warning)}.n2u-switch[data-color=error] .n2u-switch__base{outline-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=error] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-error) 25%,transparent)}}.n2u-switch[data-color=error] .n2u-switch__base[data-state=checked]{background-color:var(--ui-error)}.n2u-switch[data-color=error] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-error)}.n2u-switch[data-color=neutral] .n2u-switch__base{outline-color:var(--ui-border-inverted)}@supports (color:color-mix(in lab,red,red)){.n2u-switch[data-color=neutral] .n2u-switch__base{outline-color:color-mix(in oklab,var(--ui-border-inverted) 25%,transparent)}}.n2u-switch[data-color=neutral] .n2u-switch__base[data-state=checked]{background-color:var(--ui-bg-inverted)}.n2u-switch[data-color=neutral] .n2u-switch__icon:is(:where(.n2u-switch__thumb)[data-state=checked] *){color:var(--ui-text-highlighted)}.n2u-switch[data-size=xs] .n2u-switch__base{width:calc(var(--spacing)*7)}.n2u-switch[data-size=xs] .n2u-switch__thumb{height:calc(var(--spacing)*3);width:calc(var(--spacing)*3)}.n2u-switch[data-size=xs] .n2u-switch__thumb[data-state=checked]{--tw-translate-x:calc(var(--spacing)*3);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=xs] .n2u-switch__thumb[data-state=checked]:where(: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)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-3);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=sm] .n2u-switch__base{width:calc(var(--spacing)*8)}.n2u-switch[data-size=sm] .n2u-switch__thumb{height:calc(var(--spacing)*3.5);width:calc(var(--spacing)*3.5)}.n2u-switch[data-size=sm] .n2u-switch__thumb[data-state=checked]{--tw-translate-x:calc(var(--spacing)*3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=sm] .n2u-switch__thumb[data-state=checked]:where(: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)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-3.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=md] .n2u-switch__base{width:calc(var(--spacing)*9)}.n2u-switch[data-size=md] .n2u-switch__thumb{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.n2u-switch[data-size=md] .n2u-switch__thumb[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=md] .n2u-switch__thumb[data-state=checked]:where(: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)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-4);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=lg] .n2u-switch__base{width:calc(var(--spacing)*10)}.n2u-switch[data-size=lg] .n2u-switch__thumb{height:calc(var(--spacing)*4.5);width:calc(var(--spacing)*4.5)}.n2u-switch[data-size=lg] .n2u-switch__thumb[data-state=checked]{--tw-translate-x:calc(var(--spacing)*4.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=lg] .n2u-switch__thumb[data-state=checked]:where(: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)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-4.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=xl] .n2u-switch__base{width:calc(var(--spacing)*11)}.n2u-switch[data-size=xl] .n2u-switch__thumb{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.n2u-switch[data-size=xl] .n2u-switch__thumb[data-state=checked]{--tw-translate-x:calc(var(--spacing)*5);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch[data-size=xl] .n2u-switch__thumb[data-state=checked]:where(: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)),[dir=rtl],[dir=rtl] *){--tw-translate-x:calc(var(--spacing)*-5);translate:var(--tw-translate-x) var(--tw-translate-y)}.n2u-switch__icon[data-checked]:is(:where(.n2u-switch__thumb)[data-state=checked] *),.n2u-switch__icon[data-unchecked]:is(:where(.n2u-switch__thumb)[data-state=unchecked] *){opacity:1}.n2u-switch[data-loading] .n2u-switch__icon{animation:var(--animate-spin)}.n2u-switch[data-required] .n2u-switch__label:after{color:var(--ui-error);content:var(--tw-content);--tw-content:"*";margin-inline-start:calc(var(--spacing)*.5)}.n2u-switch[data-disabled] .n2u-switch__base,.n2u-switch[data-disabled] .n2u-switch__label{cursor:not-allowed}.n2u-switch[data-color=primary][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-primary)}.n2u-switch[data-color=secondary][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-secondary)}.n2u-switch[data-color=success][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);--tw-ring-color:var(--ui-success)}.n2u-switch[data-color=info][data-highlight] .n2u-switch__base,.n2u-switch[data-color=success][data-highlight] .n2u-switch__base{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.n2u-switch[data-color=info][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);--tw-ring-color:var(--ui-info)}.n2u-switch[data-color=warning][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-warning)}.n2u-switch[data-color=error][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-error)}.n2u-switch[data-color=neutral][data-highlight] .n2u-switch__base{--tw-ring-shadow:var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--ui-border-inverted)}}
