.app-dialog{width:min(31rem,calc(100% - 2rem));padding:0;border:1px solid rgba(126,132,161,.38);border-radius:1.35rem;color:#f8f7fb;background:rgba(20,22,34,.98);box-shadow:0 2.2rem 7rem rgba(0,0,0,.72);overflow:hidden}.app-dialog::backdrop{background:rgba(2,3,8,.76);backdrop-filter:blur(7px)}.app-dialog[open]{animation:dialog-in .18s ease-out}.app-dialog form{display:grid;grid-template-columns:auto 1fr;gap:1rem;padding:1.6rem}.app-dialog-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:.9rem;color:#11131b;background:#6fe7a8;font-size:1.25rem;font-weight:900}.app-dialog.danger .app-dialog-icon{color:#fff;background:#a72e48}.app-dialog-copy{min-width:0}.app-dialog-copy .eyebrow{margin-bottom:.45rem}.app-dialog-copy h2{margin-bottom:.65rem;font-size:1.55rem}.app-dialog-copy .lead{margin:0;color:#c0c4d2}.app-dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:.7rem;padding-top:.4rem}.app-dialog.danger .app-dialog-actions .primary{color:#fff;background:#b73752}.app-dialog-actions button{min-width:7rem}.app-dialog-actions .hidden+.primary{min-width:8rem}@keyframes dialog-in{from{opacity:0;transform:translateY(.5rem) scale(.98)}to{opacity:1;transform:none}}@media(max-width:520px){.app-dialog form{grid-template-columns:1fr}.app-dialog-actions{display:grid;grid-template-columns:1fr}.app-dialog-actions button{width:100%}}
