@layer imago.application{.im-modal{position:fixed;inset:0;z-index:var(--im3-z-dialog);display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));color:var(--im3-ink)}.im-modal[hidden]{display:none!important}.im-modal__backdrop{position:absolute;inset:0;background:#0f172a7a}.im-modal__dialog{position:relative;display:grid;width:min(560px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;border:1px solid var(--im3-line);border-radius:var(--im3-radius-lg);background:var(--im3-surface);box-shadow:var(--im3-shadow-2);opacity:0;transform:translateY(8px) scale(.98);transition:opacity var(--im3-base) var(--im3-ease-out),transform var(--im3-base) var(--im3-ease-out)}.im-modal.im-is-open .im-modal__dialog{opacity:1;transform:translateY(0) scale(1)}.im-modal__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--im3-space-4);padding:var(--im3-space-5);border-bottom:1px solid var(--im3-line)}.im-modal__title{margin:0;color:var(--im3-ink);font-size:var(--im3-text-lead);font-weight:700;line-height:1.25;letter-spacing:0}.im-modal__desc{margin:6px 0 0;color:var(--im3-muted);font-size:var(--im3-text-sm);line-height:1.5}.im-modal__close{flex:0 0 auto}.im-modal__body{min-height:0;overflow:auto;padding:var(--im3-space-5)}.im-modal__foot{display:flex;align-items:center;justify-content:flex-end;gap:var(--im3-space-3);padding:var(--im3-space-4) var(--im3-space-5);border-top:1px solid var(--im3-line);background:var(--im3-surface-raised)}.im-modal--narrow .im-modal__dialog{width:min(420px,100%)}.im-modal--wide .im-modal__dialog{width:min(840px,100%)}@media(max-width:640px){.im-modal{align-items:end;padding:0}.im-modal__dialog{width:100%;max-height:calc(100dvh - 32px);border-right:0;border-bottom:0;border-left:0;border-radius:var(--im3-radius-lg) var(--im3-radius-lg) 0 0}.im-modal__foot{align-items:stretch;flex-direction:column-reverse}}}