.alert {
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  border-left: 3px solid;
  font-size: var(--text-sm);
  line-height: var(--leading-normal);
}

.alert--error {
  background: rgba(239, 68, 68, 0.08);
  border-color: var(--color-error);
  color: #fca5a5;
}

.alert--success {
  background: rgba(34, 197, 94, 0.08);
  border-color: var(--color-success);
  color: #86efac;
}

.alert ul {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}