@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-color:var(--ui-primary)}.n2u-input[data-color=primary][data-highlight] .n2u-input__base,.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-inset:inset}.n2u-input[data-color=secondary][data-highlight] .n2u-input__base{--tw-ring-color:var(--ui-secondary)}.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-color:var(--ui-info)}.n2u-input[data-color=info][data-highlight] .n2u-input__base,.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-inset:inset}.n2u-input[data-color=warning][data-highlight] .n2u-input__base{--tw-ring-color:var(--ui-warning)}.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))}}.n2u-modal{background-color:var(--ui-bg);flex-direction:column;display:flex}.n2u-modal:focus{--tw-outline-style:none;outline-style:none}.n2u-modal__header{align-items:center;gap:calc(var(--spacing)*1.5);min-height:var(--ui-header-height);padding:calc(var(--spacing)*4);display:flex}@media (width>=40rem){.n2u-modal__header{padding-inline:calc(var(--spacing)*6)}}.n2u-modal__body{padding:calc(var(--spacing)*4);flex:1}@media (width>=40rem){.n2u-modal__body{padding:calc(var(--spacing)*6)}}.n2u-modal__footer{align-items:center;gap:calc(var(--spacing)*1.5);padding:calc(var(--spacing)*4);display:flex}@media (width>=40rem){.n2u-modal__footer{padding-inline:calc(var(--spacing)*6)}}.n2u-modal[data-transition][data-state=closed]{animation:scale-out .2s var(--ease-out)}.n2u-modal[data-transition][data-state=open]{animation:scale-in .2s var(--ease-out)}.n2u-modal[data-fullscreen]{inset:0}.n2u-modal:not([data-fullscreen]){border-radius:calc(var(--ui-radius)*2);max-width:var(--container-lg);--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);width:calc(100vw - 2rem);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)}.n2u-modal[data-scrollable]{position:relative}.n2u-modal:not([data-scrollable]){position:fixed}.n2u-modal:not([data-scrollable]) .n2u-modal__body{overflow-y:auto}.n2u-modal:not([data-scrollable]):not([data-fullscreen]){--tw-translate-x:-50%;--tw-translate-y:-50%;max-height:calc(100dvh - 2rem);translate:var(--tw-translate-x) var(--tw-translate-y);top:50%;left:50%;overflow:hidden}@media (width>=40rem){.n2u-modal:not([data-scrollable]):not([data-fullscreen]){max-height:calc(100dvh - 4rem)}}}@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)}}.n2u-modal__wrapper{flex:1;min-inline-size:0}}@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)}.n2u-modal__overlay{position:fixed;inset:0}.n2u-modal>:not(:last-child){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-color:var(--ui-border);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}.n2u-modal__title{--tw-font-weight:var(--font-weight-semibold);color:var(--ui-text-highlighted);font-weight:var(--font-weight-semibold)}.n2u-modal__description{color:var(--ui-text-muted);font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));margin-top:var(--spacing)}.n2u-modal__close{inset-inline-end:calc(var(--spacing)*4);top:calc(var(--spacing)*4);position:absolute}.n2u-modal__overlay[data-transition][data-state=closed]{animation:fade-out .2s var(--ease-out)}.n2u-modal__overlay[data-transition][data-state=open]{animation:fade-in .2s var(--ease-out)}.n2u-modal__overlay[data-overlay]{background-color:var(--ui-bg-elevated)}@supports (color:color-mix(in lab,red,red)){.n2u-modal__overlay[data-overlay]{background-color:color-mix(in oklab,var(--ui-bg-elevated) 75%,transparent)}}.n2u-modal__overlay[data-scrollable]{overflow-y:auto}.n2u-modal__overlay[data-scrollable]:not([data-fullscreen]){padding:calc(var(--spacing)*4);place-items:center;display:grid}@media (width>=40rem){.n2u-modal__overlay[data-scrollable]:not([data-fullscreen]){padding-block:calc(var(--spacing)*8)}}}