.contact__form {
  position: relative;
}

.contact__form .contact-honeypot {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  pointer-events: none !important;
}

.contact-privacy,
.contact-turnstile,
.form-status {
  grid-column: 1 / -1;
}

.contact-privacy {
  color: #8f9a94;
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.55;
}

.contact-privacy a {
  color: var(--paper);
  text-decoration: underline;
  text-decoration-color: rgba(104, 244, 187, 0.55);
  text-underline-offset: 4px;
}

.contact-privacy a:hover,
.contact-privacy a:focus-visible {
  color: var(--signal);
}

.contact-turnstile {
  min-height: 65px;
}

.contact-turnstile[hidden] {
  display: none;
}

.form-status {
  color: #abb5af;
  border-top: 1px solid rgba(232, 239, 234, 0.14);
  margin: 2px 0 0;
  padding-top: 12px;
  font-size: 11px;
  line-height: 1.55;
  outline: none;
}

.form-status[data-state="ready"],
.form-status[data-state="success"] {
  color: var(--signal);
}

.form-status[data-state="error"] {
  color: #ffb5aa;
}

.form-status[data-state="inactive"] {
  color: #c5cec8;
}

.contact__form .submit-button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.contact__form.is-disabled .field {
  opacity: 0.58;
}

.contact__form .field input[aria-invalid="true"],
.contact__form .field select[aria-invalid="true"],
.contact__form .field textarea[aria-invalid="true"] {
  border-color: #ff8f80;
}

@media (min-width: 721px) {
  .contact__form {
    align-content: center;
  }
}

@media (max-width: 720px) {
  .contact__form {
    height: auto;
    align-content: start;
  }

  .contact-privacy,
  .form-status {
    font-size: 10px;
  }
}