/* VARIABLES */
/* TYPOGRAPHY */
/* Google Fonts */
/* TYPOGRAPHY */
/* Google Fonts */
.form-check.form-switch {
  min-block-size: 24px;
  padding-inline-start: 0;
}
.form-check.form-switch .form-check-input {
  block-size: 24px;
  inline-size: 44px;
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  margin-inline-start: 0;
}
.form-check.form-switch .form-check-input:checked {
  background-color: #F2D793;
  border-color: #F2D793;
}
.form-check.form-switch .form-check-input[type=radio]:checked {
  background-color: #F2D793;
  border-color: #F2D793;
}
.form-check.form-switch .form-check-label {
  margin-inline-start: 0.5rem;
}
.form-check .form-check-input[type=radio]:checked {
  background-color: #F2D793;
  border-color: #F2D793;
}

form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
form .webform-type-textfield,
form .webform-type-email,
form .webform-type-textarea,
form .webform-type-tel,
form .webform-type-number,
form .text-type-amount {
  position: relative;
}
form .webform-type-textfield label,
form .webform-type-email label,
form .webform-type-textarea label,
form .webform-type-tel label,
form .webform-type-number label,
form .text-type-amount label {
  font-weight: 400;
  color: #707070;
  position: absolute;
  inset-inline-start: 1rem;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  transition: all 0.2s ease;
}
form .webform-type-radio label,
form .webform-type-checkbox label {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
@media (max-width: 90rem) {
  form .webform-type-radio label,
  form .webform-type-checkbox label {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 64rem) {
  form .webform-type-radio label,
  form .webform-type-checkbox label {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
form label,
form input,
form .form-control {
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 90rem) {
  form label,
  form input,
  form .form-control {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 64rem) {
  form label,
  form input,
  form .form-control {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
}
form input:not(.form-radio):not(.form-checkbox):not(:-moz-placeholder) + label, form .iti--allow-dropdown:not(:-moz-placeholder) + label {
  top: 6px;
  transform: translateY(0);
  inset-inline-start: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
form input:not(.form-radio):not(.form-checkbox):focus + label, form input:not(.form-radio):not(.form-checkbox):not(:placeholder-shown) + label, form input:not(.form-radio):not(.form-checkbox)[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label, form input:not(.form-radio):not(.form-checkbox)[value]:not([value=""]):not([value=" "]) + label,
form .iti--allow-dropdown:focus + label,
form .iti--allow-dropdown:not(:placeholder-shown) + label,
form .iti--allow-dropdown[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label,
form .iti--allow-dropdown[value]:not([value=""]):not([value=" "]) + label {
  top: 6px;
  transform: translateY(0);
  inset-inline-start: 1rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (max-width: 90rem) {
  form input:not(.form-radio):not(.form-checkbox):not(:-moz-placeholder) + label, form .iti--allow-dropdown:not(:-moz-placeholder) + label {
    font-size: 0.8125rem;
    line-height: 1rem;
  }
  form input:not(.form-radio):not(.form-checkbox):focus + label, form input:not(.form-radio):not(.form-checkbox):not(:placeholder-shown) + label, form input:not(.form-radio):not(.form-checkbox)[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label, form input:not(.form-radio):not(.form-checkbox)[value]:not([value=""]):not([value=" "]) + label,
  form .iti--allow-dropdown:focus + label,
  form .iti--allow-dropdown:not(:placeholder-shown) + label,
  form .iti--allow-dropdown[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label,
  form .iti--allow-dropdown[value]:not([value=""]):not([value=" "]) + label {
    font-size: 0.8125rem;
    line-height: 1rem;
  }
}
@media (max-width: 36rem) {
  form input:not(.form-radio):not(.form-checkbox):not(:-moz-placeholder) + label, form .iti--allow-dropdown:not(:-moz-placeholder) + label {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  form input:not(.form-radio):not(.form-checkbox):focus + label, form input:not(.form-radio):not(.form-checkbox):not(:placeholder-shown) + label, form input:not(.form-radio):not(.form-checkbox)[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label, form input:not(.form-radio):not(.form-checkbox)[value]:not([value=""]):not([value=" "]) + label,
  form .iti--allow-dropdown:focus + label,
  form .iti--allow-dropdown:not(:placeholder-shown) + label,
  form .iti--allow-dropdown[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label,
  form .iti--allow-dropdown[value]:not([value=""]):not([value=" "]) + label {
    font-size: 0.75rem;
    line-height: 1rem;
  }
}
form input:not(.form-radio):not(.form-checkbox):focus,
form .iti--allow-dropdown:focus {
  caret-color: #F2D793;
}
form .form-textarea-wrapper textarea {
  padding-top: 2rem;
}
form .form-textarea-wrapper textarea:focus {
  caret-color: #F2D793;
}
form .form-textarea-wrapper:not(:-moz-placeholder) + label {
  top: 12px;
  transform: translateY(0);
}
form .form-textarea-wrapper:focus + label, form .form-textarea-wrapper:not(:placeholder-shown) + label, form .form-textarea-wrapper[placeholder]:not([placeholder=""]):not([placeholder=" "]) + label, form .form-textarea-wrapper[value]:not([value=""]):not([value=" "]) + label {
  top: 12px;
  transform: translateY(0);
}
form .text-type-amount label {
  inset-inline-start: 30px;
}
form .text-type-amount input {
  padding-inline-start: 1.875rem;
}
form .text-type-amount::before {
  content: "";
  position: absolute;
  width: 9px;
  background: url(../images/icons/currency.svg) no-repeat center;
  background-size: contain;
  height: 100%;
  margin-inline-start: 1rem;
}

.custom-radio {
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.625rem 1.25rem;
  border: solid 0.5px #E8E2DB;
  border-radius: 1rem;
}
.custom-radio .form-check {
  margin: 0;
}
.custom-radio:has(.form-check-input:checked) {
  background-color: #FAEBC0;
  border-color: #F2D793;
}

.layout-builder-form .form-actions {
  align-self: unset;
  margin-top: 3rem;
}
.layout-builder-form .form-actions button, .layout-builder-form .form-actions .button, .layout-builder-form .form-actions .js-form-item {
  margin-bottom: 1rem;
}

.webform-submission-form .form-required:after {
  content: "";
  display: none;
}

.form-disabled .btn {
  background-color: #E5E5E5;
  border-color: #E5E5E5;
  color: #A7A7A7;
}