.alert {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: var(--space-3);
  padding: var(--space-4);
  border: 1px solid currentColor;
  border-radius: var(--radius-sm);
}
.inline {
  padding: var(--space-3);
}
.info {
  background: var(--status-info-surface);
  color: var(--status-info-text);
}
.success {
  background: var(--status-success-surface);
  color: var(--status-success-text);
}
.warning {
  background: var(--status-warning-surface);
  color: var(--status-warning-text);
}
.error {
  background: var(--status-error-surface);
  color: var(--status-error-text);
}
.title {
  display: block;
  margin-block-end: var(--space-1);
}
.content > :last-child {
  margin-block-end: 0;
}
