.messages {
  padding-top: 24px;
}

.message {
  background: #fff;
  border: 1px solid #dbeafe;
  border-radius: 16px;
  color: var(--color-text);
  padding: 14px 18px;
  box-shadow: var(--shadow);
}

.message--success {
  border-color: #bbf7d0;
}

.message--error {
  border-color: #fecaca;
}

.alert {
  border-radius: var(--radius);
  margin-bottom: 22px;
  padding: 14px 16px;
  line-height: 1.5;
}

.alert-danger {
  background: #fef2f2;
  border: 1px solid #fecaca;
  color: #991b1b;
}

.alert-warning {
  background: #fffbeb;
  border: 1px solid #fde68a;
  color: #92400e;
}