form#contact-form {
  padding: clamp(clamp(32px, 3vw, 64px), 10vw, clamp(32px, 6vh, 64px));
}
form#contact-form .message {
  grid-column: 1/-1;
  color: white;
  padding: clamp(8px, 3vw, 16px) clamp(16px, 3vw, 32px);
  border-radius: 0.5em;
  background-color: #6B0D70;
}
form#contact-form .message.status\:error {
  background-color: #EF4636;
}
form#contact-form .message.status\:success {
  background-color: #2CAA57;
}
form#contact-form [role=fieldset] {
  display: grid;
  width: 100%;
  gap: clamp(16px, 3vw, 32px);
}
@media (min-width: 481px) {
  form#contact-form [role=fieldset] {
    grid-template-columns: repeat(auto-fill, minmax(calc(346.6666666667px - clamp(64px, 3vw, 128px)), 1fr));
  }
}
form#contact-form input-field.referrals {
  display: flex;
  flex-direction: column;
  gap: clamp(8px, 3vw, 16px);
  container-type: inline-size;
}
form#contact-form input-field.referrals .heading {
  grid-column: 1/-1;
}
form#contact-form input-field.referrals input-field {
  width: -moz-fit-content;
  width: fit-content;
  grid-row: 2;
  grid-column: auto;
}
form#contact-form input-field.referrals input-field label {
  white-space: nowrap;
}
form#contact-form input-field.referrals .options {
  display: flex;
  border: 1px solid #EAEAEA;
  border-radius: 10ch;
  padding: clamp(8px, 3vw, 16px);
  gap: clamp(8px, 3vw, 16px);
  flex-wrap: wrap;
  justify-content: space-around;
}
@container (max-width: 570px) {
  form#contact-form input-field.referrals .options {
    flex-direction: column;
    border-radius: 0.5em;
  }
}
@media (max-width: 960px) {
  form#contact-form input-field.referrals {
    order: 20;
  }
  form#contact-form input-field#acceptedTAndC, .js-has-pseudo [csstools-has-2u-33-36-31-z-2r-33-32-38-2p-2r-38-19-2u-33-36-31-w-2x-32-34-39-38-19-2u-2x-2t-30-2s-1m-2w-2p-37-14-2j-2x-2s-1p-y-31-2t-37-37-2p-2v-2t-2j-2p-2r-2r-2t-34-38-2t-2s-2c-1t-32-2s-1v-2l-y-2l-15]:not(#does-not-exist):not(does-not-exist):not(does-not-exist) {
    order: 21;
  }
  form#contact-form input-field#acceptedTAndC, form#contact-form input-field:has([id="message[acceptedTAndC]"]) {
    order: 21;
  }
}
form#contact-form label.checkbox {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex: 0 0 75%;
  top: unset;
  left: unset;
  pointer-events: all;
  align-items: center;
}
form#contact-form label.checkbox.TAndC {
  align-self: center;
}
form#contact-form label.checkbox.TAndC input {
  max-width: 25%;
}
form#contact-form label.checkbox a {
  color: #e8559a;
}
form#contact-form label.checkbox a:hover {
  color: #6B0D70;
}
form#contact-form label.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 25px;
  width: 100%;
  left: 0;
  z-index: 9;
}
form#contact-form label.checkbox input:checked ~ .checkmark {
  background-color: #e8559a;
  border: 1px solid #e8559a;
}
form#contact-form label.checkbox input:checked ~ .checkmark:after {
  display: block;
}
form#contact-form label.checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 1px solid #6B0D70;
}
form#contact-form label.checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 8px;
  top: 5px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}
form#contact-form label.checkbox:hover input:checked ~ .checkmark {
  background-color: #e8559a;
}
form#contact-form label.checkbox:hover input ~ .checkmark {
  background-color: #f2f2f2;
}
/*# sourceMappingURL=../sourcemaps/components/contact-form.css.map */