[data-form-section] .dynamic-form-field.has-error {
  border-radius: 0.75rem;
}

[data-form-section] .form-section__form input:focus,
[data-form-section] .form-section__form textarea:focus,
[data-form-section] .form-section__form select:focus {
  outline: none;
}

[data-form-section] [data-form-message]:not([hidden]) {
  animation: form-message-in 0.2s ease-out;
}

@keyframes form-message-in {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}