/* MWD Form Feedback v2 */

form[data-form-feedback="v2"] .mwd-form-feedback[hidden] {
  display: none !important;
}

form[data-form-feedback="v2"] .mwd-form-feedback {
  display: block;
  margin-top: 18px;
  padding: 18px 20px;
  border: 2px solid transparent;
  border-radius: 16px;
  color: var(--ink, #2c2620);
  font-weight: 700;
  line-height: 1.5;
  box-shadow: 0 14px 30px -24px rgba(44, 38, 32, .7);
}

form[data-form-feedback="v2"] .mwd-form-feedback.is-error {
  border-color: var(--terracotta, #c05b3a);
  background: rgba(192, 91, 58, .12);
}

form[data-form-feedback="v2"] .mwd-form-feedback.is-success {
  border-color: var(--olive, #727e5b);
  background: rgba(114, 126, 91, .14);
}

form[data-form-feedback="v2"] .mwd-form-feedback.is-info {
  border-color: rgba(44, 38, 32, .18);
  background: rgba(44, 38, 32, .06);
}

form[data-form-feedback="v2"] .form-field.is-error .form-control,
form[data-form-feedback="v2"] .form-field.is-error .form-upload-box,
form[data-form-feedback="v2"] .form-checkbox.is-error input,
form[data-form-feedback="v2"] [aria-invalid="true"] {
  border-color: var(--terracotta, #c05b3a) !important;
  box-shadow: 0 0 0 3px rgba(192, 91, 58, .16) !important;
}

form[data-form-feedback="v2"] .form-error:not([hidden]),
form[data-form-feedback="v2"] [data-field-error]:not([hidden]) {
  display: block;
  margin-top: 8px;
  color: var(--terracotta, #c05b3a);
  font-weight: 700;
  line-height: 1.45;
}

form[data-form-feedback="v2"] .form-field,
form[data-form-feedback="v2"] .form-checkbox,
form[data-form-feedback="v2"] [data-field-error] {
  scroll-margin-top: 130px;
}

form[data-form-feedback="v2"] button[aria-busy="true"],
form[data-form-feedback="v2"] input[type="submit"][aria-busy="true"] {
  cursor: wait;
  opacity: .78;
}