@layer n2u.reset,n2u.tokens,n2u.base;@layer n2u.components{.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{.n2u-modal__wrapper{flex:1;min-inline-size:0}}@layer n2u.overrides{.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)}}}