@layer n2u.reset,n2u.tokens,n2u.base;@layer n2u.components{.n2u-input{align-items:center;display:inline-flex;position:relative}.n2u-input__base{appearance:none;border-radius:calc(var(--ui-radius)*1.5);border-style:var(--tw-border-style);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));border-width:0;width:100%}.n2u-input__base::placeholder{color:var(--ui-text-dimmed)}.n2u-input__base:disabled{cursor:not-allowed;opacity:.75}.n2u-input__leading{inset-block:0;inset-inline-start:calc(var(--spacing)*0)}.n2u-input__leading,.n2u-input__trailing{align-items:center;display:flex;position:absolute}.n2u-input__trailing{inset-block:0;inset-inline-end:calc(var(--spacing)*0)}.n2u-input[data-field-group=horizontal]:has(:focus-visible){z-index:1}.n2u-input[data-field-group=horizontal] .n2u-input__base:is(:where(.n2u-input):not(:last-child) *):is(:where(.n2u-input):not(:first-child) *){border-radius:0}.n2u-input[data-field-group=horizontal] .n2u-input__base:is(:where(.n2u-input):not(:only-child) *):is(:where(.n2u-input):first-child *){border-start-end-radius:0;border-end-end-radius:0}.n2u-input[data-field-group=horizontal] .n2u-input__base:is(:where(.n2u-input):not(:only-child) *):is(:where(.n2u-input):last-child *){border-start-start-radius:0;border-end-start-radius:0}.n2u-input[data-field-group=vertical]:has(:focus-visible){z-index:1}.n2u-input[data-field-group=vertical] .n2u-input__base:is(:where(.n2u-input):not(:last-child) *):is(:where(.n2u-input):not(:first-child) *){border-radius:0}.n2u-input[data-field-group=vertical] .n2u-input__base:is(:where(.n2u-input):not(:only-child) *):is(:where(.n2u-input):first-child *){border-bottom-right-radius:0;border-bottom-left-radius:0}.n2u-input[data-field-group=vertical] .n2u-input__base:is(:where(.n2u-input):not(:only-child) *):is(:where(.n2u-input):last-child *){border-top-left-radius:0;border-top-right-radius:0}.n2u-input[data-size=xs] .n2u-input__base{font-size:var(--text-sm);gap:var(--spacing);line-height:calc(var(--spacing)*4);padding-block:var(--spacing);padding-inline:calc(var(--spacing)*2)}.n2u-input[data-size=xs] .n2u-input__leading{padding-inline-start:calc(var(--spacing)*2)}.n2u-input[data-size=xs] .n2u-input__trailing{padding-inline-end:calc(var(--spacing)*2)}.n2u-input[data-size=sm] .n2u-input__base{font-size:var(--text-sm);gap:calc(var(--spacing)*1.5);line-height:calc(var(--spacing)*4);padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*2.5)}.n2u-input[data-size=sm] .n2u-input__leading{padding-inline-start:calc(var(--spacing)*2.5)}.n2u-input[data-size=sm] .n2u-input__trailing{padding-inline-end:calc(var(--spacing)*2.5)}.n2u-input[data-size=md] .n2u-input__base{font-size:var(--text-base);gap:calc(var(--spacing)*1.5);line-height:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*1.5);padding-inline:calc(var(--spacing)*2.5)}.n2u-input[data-size=md] .n2u-input__leading{padding-inline-start:calc(var(--spacing)*2.5)}.n2u-input[data-size=md] .n2u-input__trailing{padding-inline-end:calc(var(--spacing)*2.5)}.n2u-input[data-size=lg] .n2u-input__base{font-size:var(--text-base);gap:calc(var(--spacing)*2);line-height:calc(var(--spacing)*5);padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3)}.n2u-input[data-size=lg] .n2u-input__leading{padding-inline-start:calc(var(--spacing)*3)}.n2u-input[data-size=lg] .n2u-input__trailing{padding-inline-end:calc(var(--spacing)*3)}.n2u-input[data-size=xl] .n2u-input__base{font-size:var(--text-base);gap:calc(var(--spacing)*2);line-height:var(--tw-leading,var(--text-base--line-height));padding-block:calc(var(--spacing)*2);padding-inline:calc(var(--spacing)*3)}.n2u-input[data-size=xl] .n2u-input__leading{padding-inline-start:calc(var(--spacing)*3)}.n2u-input[data-size=xl] .n2u-input__trailing{padding-inline-end:calc(var(--spacing)*3)}.n2u-input[data-variant=outline] .n2u-input__base{background-color:var(--ui-bg);color:var(--ui-text-highlighted);--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-accented);--tw-ring-inset:inset}.n2u-input[data-variant=soft] .n2u-input__base{background-color:var(--ui-bg-elevated)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-variant=soft] .n2u-input__base{background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)}}.n2u-input[data-variant=soft] .n2u-input__base{color:var(--ui-text-highlighted)}@media (hover:hover){.n2u-input[data-variant=soft] .n2u-input__base:hover{background-color:var(--ui-bg-elevated)}}.n2u-input[data-variant=soft] .n2u-input__base:disabled,.n2u-input[data-variant=soft] .n2u-input__base:focus{background-color:var(--ui-bg-elevated)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-variant=soft] .n2u-input__base:disabled{background-color:color-mix(in oklab,var(--ui-bg-elevated) 50%,transparent)}}.n2u-input[data-variant=subtle] .n2u-input__base{background-color:var(--ui-bg-elevated);color:var(--ui-text-highlighted);--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-accented);--tw-ring-inset:inset}.n2u-input[data-variant=ghost] .n2u-input__base{color:var(--ui-text-highlighted);background-color:#0000}@media (hover:hover){.n2u-input[data-variant=ghost] .n2u-input__base:hover{background-color:var(--ui-bg-elevated)}}.n2u-input[data-variant=ghost] .n2u-input__base:focus{background-color:var(--ui-bg-elevated)}.n2u-input[data-variant=ghost] .n2u-input__base:disabled,.n2u-input[data-variant=ghost] .n2u-input__base:where([data-scheme=dark],[data-scheme=dark] *):disabled{background-color:#0000}.n2u-input[data-variant=none] .n2u-input__base{color:var(--ui-text-highlighted);background-color:#0000}.n2u-input[data-variant=none] .n2u-input__base:focus{--tw-outline-style:none;outline-style:none}.n2u-input[data-type=file] .n2u-input__base::file-selector-button{--tw-font-weight:var(--font-weight-medium);color:var(--ui-text-muted);font-weight:var(--font-weight-medium);--tw-outline-style:none;outline-style:none;margin-inline-end:calc(var(--spacing)*1.5)}.n2u-input[data-color=primary]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=primary]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)}}.n2u-input[data-color=primary]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-primary);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=secondary]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=secondary]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-secondary) 25%,transparent)}}.n2u-input[data-color=secondary]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-secondary);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=success]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=success]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-success) 25%,transparent)}}.n2u-input[data-color=success]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-success);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=info]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=info]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-info) 25%,transparent)}}.n2u-input[data-color=info]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-info);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=warning]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=warning]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-warning) 25%,transparent)}}.n2u-input[data-color=warning]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-warning);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=error]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=error]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-error) 25%,transparent)}}.n2u-input[data-color=error]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-error);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=primary]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-primary)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=primary]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-primary) 25%,transparent)}}.n2u-input[data-color=primary]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=secondary]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-secondary)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=secondary]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-secondary) 25%,transparent)}}.n2u-input[data-color=secondary]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=success]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-success)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=success]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-success) 25%,transparent)}}.n2u-input[data-color=success]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=info]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-info)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=info]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-info) 25%,transparent)}}.n2u-input[data-color=info]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=warning]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-warning)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=warning]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-warning) 25%,transparent)}}.n2u-input[data-color=warning]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=error]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-error)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=error]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-error) 25%,transparent)}}.n2u-input[data-color=error]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=primary][data-highlight] .n2u-input__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);--tw-ring-inset:inset}.n2u-input[data-color=secondary][data-highlight] .n2u-input__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);--tw-ring-inset:inset}.n2u-input[data-color=success][data-highlight] .n2u-input__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);--tw-ring-inset:inset}.n2u-input[data-color=info][data-highlight] .n2u-input__base,.n2u-input[data-color=success][data-highlight] .n2u-input__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-input[data-color=info][data-highlight] .n2u-input__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);--tw-ring-inset:inset}.n2u-input[data-color=warning][data-highlight] .n2u-input__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-warning);--tw-ring-inset:inset}.n2u-input[data-color=error][data-highlight] .n2u-input__base,.n2u-input[data-color=warning][data-highlight] .n2u-input__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-input[data-color=error][data-highlight] .n2u-input__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-error);--tw-ring-inset:inset}.n2u-input[data-color=neutral]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:var(--ui-border-inverted)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=neutral]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-border-inverted) 25%,transparent)}}.n2u-input[data-color=neutral]:is([data-variant=outline],[data-variant=subtle]) .n2u-input__base:focus-visible{--tw-ring-color:var(--ui-border-inverted);outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=neutral]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:var(--ui-border-inverted)}@supports (color:color-mix(in lab,red,red)){.n2u-input[data-color=neutral]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base{outline-color:color-mix(in oklab,var(--ui-border-inverted) 25%,transparent)}}.n2u-input[data-color=neutral]:is([data-variant=soft],[data-variant=ghost]) .n2u-input__base:focus-visible{outline-style:var(--tw-outline-style);outline-width:3px}.n2u-input[data-color=neutral][data-highlight] .n2u-input__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);--tw-ring-inset:inset}.n2u-input[data-leading][data-size=xs] .n2u-input__base{padding-inline-start:calc(var(--spacing)*7)}.n2u-input[data-leading][data-size=sm] .n2u-input__base{padding-inline-start:calc(var(--spacing)*8)}.n2u-input[data-leading][data-size=md] .n2u-input__base{padding-inline-start:calc(var(--spacing)*9)}.n2u-input[data-leading][data-size=lg] .n2u-input__base{padding-inline-start:calc(var(--spacing)*10)}.n2u-input[data-leading][data-size=xl] .n2u-input__base{padding-inline-start:calc(var(--spacing)*11)}.n2u-input[data-trailing][data-size=xs] .n2u-input__base{padding-inline-end:calc(var(--spacing)*7)}.n2u-input[data-trailing][data-size=sm] .n2u-input__base{padding-inline-end:calc(var(--spacing)*8)}.n2u-input[data-trailing][data-size=md] .n2u-input__base{padding-inline-end:calc(var(--spacing)*9)}.n2u-input[data-trailing][data-size=lg] .n2u-input__base{padding-inline-end:calc(var(--spacing)*10)}.n2u-input[data-trailing][data-size=xl] .n2u-input__base{padding-inline-end:calc(var(--spacing)*11)}@media (width>=48rem){.n2u-input:not([data-fixed])[data-size=sm] .n2u-input__base,.n2u-input:not([data-fixed])[data-size=xs] .n2u-input__base{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.n2u-input:not([data-fixed])[data-size=lg] .n2u-input__base,.n2u-input:not([data-fixed])[data-size=md] .n2u-input__base{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}}@layer n2u.kit{@media (width>=48rem){.n2u-input[data-size=sm]:not([data-fixed]) .n2u-input__base,.n2u-input[data-size=xs]:not([data-fixed]) .n2u-input__base{font-size:var(--ui-text-xs)}.n2u-input[data-size=lg]:not([data-fixed]) .n2u-input__base,.n2u-input[data-size=md]:not([data-fixed]) .n2u-input__base{font-size:var(--ui-text-sm)}}}@layer n2u.overrides{.n2u-input__leading-icon{color:var(--ui-text-dimmed);flex-shrink:0}.n2u-input__leading-avatar{flex-shrink:0}.n2u-input__trailing-icon{color:var(--ui-text-dimmed);flex-shrink:0}.n2u-input[data-size=sm] .n2u-input__leading-icon,.n2u-input[data-size=sm] .n2u-input__trailing-icon,.n2u-input[data-size=xs] .n2u-input__leading-icon,.n2u-input[data-size=xs] .n2u-input__trailing-icon{height:calc(var(--spacing)*4);width:calc(var(--spacing)*4)}.n2u-input[data-size=lg] .n2u-input__leading-icon,.n2u-input[data-size=lg] .n2u-input__trailing-icon,.n2u-input[data-size=md] .n2u-input__leading-icon,.n2u-input[data-size=md] .n2u-input__trailing-icon{height:calc(var(--spacing)*5);width:calc(var(--spacing)*5)}.n2u-input[data-size=xl] .n2u-input__leading-icon,.n2u-input[data-size=xl] .n2u-input__trailing-icon{height:calc(var(--spacing)*6);width:calc(var(--spacing)*6)}.n2u-input[data-loading]:not([data-leading])[data-trailing] .n2u-input__trailing-icon,.n2u-input[data-loading][data-leading] .n2u-input__leading-icon{animation:var(--animate-spin)}}