.hexing-field-error {
  display: block;
  width: 100%;
  margin: 0.35rem 0 0;
  color: #ff9b9b;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1.4;
}

.hexing-field-error[hidden] {
  display: none;
}

input[aria-invalid="true"],
select[aria-invalid="true"],
textarea[aria-invalid="true"] {
  border-color: #ff7373 !important;
  box-shadow: 0 0 0 1px rgba(255, 115, 115, 0.28);
}

@media (max-width: 480px) {
  .hexing-field-error { font-size: 0.875rem; }
}