.form-error {
  display: none;
  margin: 0;
  color: var(--form-error);
  font-size: 0.92rem;
}

.form-hint {
  margin: 0;
  color: var(--form-muted);
  font-size: 0.92rem;
}

@supports selector(input:user-invalid) {
  .form-control:user-invalid {
    border-color: var(--form-error);
    background: var(--form-error-bg);
  }

  .form-control:user-invalid + .form-error {
    display: block;
  }
}