.jsp-contact-form__honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

.jsp-contact-form__field-error {
  align-self: flex-start;
  margin: 0;
  color: #ffdede;
  font-size: 14px;
  line-height: 1.4;
}

.form-input[aria-invalid="true"] {
  border-color: #ffdede;
}

.form-input:focus-visible,
.button:focus-visible,
.form-success:focus-visible,
.form-error:focus-visible,
.checkbox-field a:focus-visible {
  outline: 3px solid currentcolor;
  outline-offset: 3px;
}

.jsp-contact-form__checkbox-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.checkbox-field:has(.jsp-contact-form__checkbox-input:focus-visible) .checkbox,
.checkbox-field.jsp-is-focus-visible .checkbox {
  outline: 3px solid currentcolor;
  outline-offset: 3px;
}

.checkbox-field:has(.jsp-contact-form__checkbox-input:checked) .checkbox {
  background-color: var(--colors-interface--dark-2);
  background-image: url("/webflow/archive/images/icon-interface-check.svg");
  background-position: 50%;
  background-size: 16px 16px;
}

.form [type="submit"]:disabled {
  cursor: wait;
  opacity: 0.7;
}

.form[data-state="success"] {
  display: none;
}

.form[data-state="success"] + .form-success {
  display: block;
}

.form[data-state="error"] ~ .form-error {
  display: block;
}

.jsp-contact-form__turnstile {
  min-height: 1px;
}

@media (prefers-reduced-motion: reduce) {
  .w-form:has([data-contact-form]) *,
  .w-form:has([data-contact-form]) *::before,
  .w-form:has([data-contact-form]) *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}
