/* Alert: error, confirmation, and neutral notice. */

.alert {
  margin: 0 0 1.25rem;
  padding: 0.875rem 1.125rem;
  font-size: 0.875rem;
  border: 1px solid;
}

.alert--error {
  color: var(--danger);
  font-weight: 600;
  background: var(--danger-bg);
  border-color: var(--danger-line);
}

.alert--ok {
  color: var(--ok);
  font-weight: 600;
  background: var(--sunk);
  border-color: var(--line);
}

.alert--notice {
  color: var(--ink-muted);
  background: var(--sunk);
  border-color: var(--line);
}