.alert{--alert-color: var(--color-danger);display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:var(--space-3);border-left:var(--rule-strong) solid var(--alert-color);background:color-mix(in srgb,var(--alert-color) 7%,var(--color-paper));padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.6;overflow-wrap:anywhere}.alert--warning{--alert-color: var(--color-warning)}.alert--success{--alert-color: var(--color-success)}.alert__icon{margin-top:2px;color:var(--alert-color)}.alert__content{display:grid;gap:var(--space-1)}.alert__content>strong{color:var(--alert-color);font-weight:600}.dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:auto;overflow:auto;border:0;border-top:4px solid var(--color-brand);background:var(--color-paper);padding:0;color:var(--color-ink);box-shadow:0 32px 96px #08143059}.dialog::backdrop{background:#0814308c;backdrop-filter:blur(4px)}.dialog[open]{animation:dialog-enter var(--slow) var(--ease)}.dialog-heading,.dialog-body,.dialog-actions{padding:var(--space-5) var(--space-6)}.dialog-heading{padding-bottom:0}.dialog-heading h2{font:500 var(--text-xl) / 1.25 var(--font-mono);letter-spacing:-.03em}.dialog-body{display:grid;gap:var(--space-5)}.dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);border-top:var(--rule) solid var(--color-line)}.dialog-mail{display:flex;align-items:center;gap:var(--space-4);border:var(--rule) solid var(--color-line);padding:var(--space-4)}.dialog-mail.has-emails{border-color:var(--color-accent);background:var(--color-accent-wash)}.dialog-mail>strong{font:500 var(--text-3xl) / 1 var(--font-mono);letter-spacing:-.05em}.dialog-mail b,.dialog-mail span{display:block}.dialog-mail span,.dialog-details{color:var(--color-soft);font-size:var(--text-sm)}.dialog .dialog-danger{border-color:var(--color-danger);background:var(--color-danger);color:#fff}.dialog .dialog-danger:hover:not(:disabled){border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 85%,#000000);color:#fff}@keyframes dialog-enter{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}