.ui-alert {
  border: 1px solid;
  border-radius: var(--radius-md);
  padding: 10px 12px;
  font-size: var(--font-sm);
  line-height: 20px;
}

.ui-alert--error {
  border-color: var(--color-red-300);
  background: var(--color-red-50);
  color: var(--color-red-800);
}

.ui-alert--info {
  border-color: var(--color-blue-300);
  background: var(--color-blue-50);
  color: var(--color-blue-900);
}

.ui-alert--success {
  border-color: var(--color-green-200);
  background: var(--color-green-50);
  color: var(--color-green-700);
}