.alert{width:100%;font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);align-content:flex-start;place-items:center start;gap:var(--alert-gap);padding:var(--alert-padding);border:var(--alert-border);border-radius:var(--alert-radius);box-shadow:var(--alert-shadow);background:var(--brand-surface-1);grid-template-columns:auto minmax(auto,1fr);grid-auto-flow:column;display:grid}.alert--info{color:var(--alert-info-color)}.alert--info,.alert--warning{background:var(--brand-surface-2)}.alert--warning{color:var(--alert-warning-color)}.alert--danger{color:var(--alert-danger-color);background:var(--brand-surface-2)}