.dialog{border:1px solid var(--color-border);width:min(600px,100% - 32px);max-height:90dvh;color:var(--color-text);border-radius:var(--radius-large);padding:28px;overflow:auto}.dialog::backdrop{background:#0a142d80;animation:.22s ease-out both dialog-backdrop-in}.dialog__header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.dialog__header h2{margin:0;font-size:24px}.dialog--drawer{border-radius:var(--radius-large) 0 0 var(--radius-large);width:min(480px,100%);min-height:100dvh;max-height:100dvh;margin:0 0 0 auto;animation:.3s cubic-bezier(.22,1,.36,1) both drawer-in}@keyframes drawer-in{0%{transform:translate(36px)}to{transform:translate(0)}}@keyframes dialog-backdrop-in{0%{background:#0a142d00}to{background:#0a142d80}}@media (width<=700px){.dialog--drawer{background:#f8f9fd;width:min(370px,100% - 20px);padding:24px 20px}.dialog--drawer .dialog__header{margin-bottom:20px}.dialog--drawer .dialog__header h2{font-size:22px}}.dialog--gallery{background:var(--color-brand-navy);color:#fff;width:min(1100px,100% - 32px)}.dialog--gallery h2{color:#fff}.dialog--gallery>img{object-fit:contain;width:100%;height:65dvh}