/* ==========================================================================
	Slate Embed
============================================================================= */
.slate-embed {
  margin-block: clamp(40px, 29.3617021277px + 2.1276595745vw, 60px);
  margin-block: clamp(2.5rem, 1.83511rem + 2.1276595745vw, 3.75rem);
}

.slate-embed__inner {
  container-name: --inner;
  container-type: inline-size;
}
@media (min-width:61.25rem) {
  .slate-embed__inner {
    inline-size: min(66%, 840px);
    inline-size: min(66%, 52.5rem);
    margin-inline: auto;
  }
}

.slate-form {
  --input-control-border: 2px solid var(--input-control-border-color);
  --input-control-border: 0.125rem solid var(--input-control-border-color);
}

.slate-form--white {
  --input-label-color: #0e4168;
  --input-color: #0e4168;
  --input-background-color: #fff;
  --input-border-color: #0e4168;
  --input-textarea-color: #0e4168;
  --input-textarea-background-color: #e4f1f7;
  --input-textarea-border-color: #0e4168;
  --input-select-color: #0e4168;
  --input-select-background-color: #e4f1f7;
  --input-select-background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='white'/%3E%3Cpath d='M18.8797 13.4436C19.0401 13.2842 19.0401 13.0189 18.8797 12.8539C18.7247 12.6944 18.4667 12.6944 18.3121 12.8539L15.4047 15.8443L15 16.2494L14.5957 15.8443L11.6937 12.8539C11.5333 12.6944 11.275 12.6944 11.1203 12.8539C10.9599 13.0189 10.9599 13.2846 11.1203 13.4436L14.716 17.142C14.871 17.307 15.129 17.307 15.2836 17.142L18.8797 13.4436Z' fill='%23001835'/%3E%3C/svg%3E");
  --input-control-color: #0e4168;
  --input-control-border-color: #9dcee6;
  --input-control-background: #fff;
  --input-control-checked-background: #0e4168;
  --input-control-checked-border: #0e4168;
  --input-control-checked-shadow-color: #fff;
  --input-selectable-outline-color: #9dcee6;
  --required-background-color: rgba(229, 53, 76, 0.05);
  --required-border-color: #e5354c;
  --required-color: var(--input-color);
  --submit-color: #001835;
  --submit-background-color: #e8b720;
  --submit-hover-color: #001835;
  --submit-hover-background-color: #9dcee6;
}

.slate-form--blue {
  --input-label-color: #fff;
  --input-color: rgba(255, 255, 255, 0.6);
  --input-background-color: #0e4168;
  --input-border-color: #9dcee6;
  --input-textarea-color: #0e4168;
  --input-textarea-background-color: #0e4168;
  --input-textarea-border-color: #9dcee6;
  --input-select-color: rgba(255, 255, 255, 0.6);
  --input-select-background-color: #0e4168;
  --input-select-background-image: url(/_global/_files/css/components/"data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http:/www.w3.org/2000/svg'%3E%3Crect width='30' height='30' rx='15' fill='rgba(255%2C%20255%2C%20255%2C%200.5)'/%3E%3Cpath d='M18.8797 13.4436C19.0401 13.2842 19.0401 13.0189 18.8797 12.8539C18.7247 12.6944 18.4667 12.6944 18.3121 12.8539L15.4047 15.8443L15 16.2494L14.5957 15.8443L11.6937 12.8539C11.5333 12.6944 11.275 12.6944 11.1203 12.8539C10.9599 13.0189 10.9599 13.2846 11.1203 13.4436L14.716 17.142C14.871 17.307 15.129 17.307 15.2836 17.142L18.8797 13.4436Z' fill='%23001835'/%3E%3C/svg%3E");
  --input-control-color: #fff;
  --input-control-border-color: #9dcee6;
  --input-control-background: transparent;
  --input-control-checked-background: #0e4168;
  --input-control-checked-border: #0e4168;
  --input-control-checked-shadow-color: #fff;
  --input-selectable-outline-color: rgba(255, 255, 255, 0.6);
  --required-background-color: rgba(229, 53, 76, 0.2);
  --required-border-color: #e5354c;
  --required-color: #fff;
  --submit-color: #001835;
  --submit-background-color: #e8b720;
  --submit-hover-color: #001835;
  --submit-hover-background-color: #9dcee6;
}

.slate-form form {
  --form-spacing: 20px;
  --form-spacing: 1.25rem;
  --input-padding-block: 10px;
  --input-padding-block: 0.625rem;
  --input-padding-inline: 12px;
  --input-padding-inline: 0.75rem;
  --input-control-size: 24px;
  --input-control-size: 1.5rem;
  --input-control-spacing: 36px;
  --input-control-spacing: 2.25rem;
  --input-margin-bottom: 5px;
  --input-margin-bottom: 0.3125rem;
  --select-icon-width: 26px;
  --select-icon-width: 1.625rem;
  --select-icon-right: 10px;
  --select-icon-right: 0.625rem;
  --select-padding-right: 48px;
  --select-padding-right: 3rem;
}
@container (min-width: 500px) {
  .slate-form form {
    --form-spacing: 30px;
    --form-spacing: 1.875rem;
    --input-padding-block: 14px;
    --input-padding-block: 0.875rem;
    --input-padding-inline: 16px;
    --input-padding-inline: 1rem;
    --input-control-size: 32px;
    --input-control-size: 2rem;
    --input-control-spacing: 45px;
    --input-control-spacing: 2.8125rem;
    --select-icon-width: 30px;
    --select-icon-width: 1.875rem;
    --select-icon-right: 14px;
    --select-icon-right: 0.875rem;
    --select-padding-right: 64px;
    --select-padding-right: 4rem;
  }
}
.slate-form .form_label {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.6;
  color: var(--input-label-color);
  margin-block-end: 10px;
  margin-block-end: 0.625rem;
}
@container (min-width: 500px) {
  .slate-form .form_label {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.slate-form .form_header {
  margin-block-end: 20px !important;
  margin-block-end: 1.25rem !important;
}
.slate-form .form_header .form_label {
  font-family: "PT Serif", "Palatino", Georgia, serif;
  font-weight: 400;
  font-size: clamp(28px, 17.3333333333px + 3.3333333333cqi, 44px);
  font-size: clamp(1.75rem, 1.08333rem + 3.3333333333cqi, 2.75rem);
  line-height: 1.3;
  background-color: transparent;
  padding: 0;
}
.slate-form .form_p .form_label {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
}
@container (min-width: 500px) {
  .slate-form .form_p .form_label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
.slate-form .form_question {
  margin-block-end: var(--form-spacing);
}
.slate-form .form_question > fieldset > div:not(:last-of-type) {
  margin-block-end: var(--form-spacing);
}
.slate-form .form_question > fieldset > .form_label {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  margin-block-end: calc(var(--form-spacing) / 2) !important;
}
@container (min-width: 500px) {
  .slate-form .form_question > fieldset > .form_label {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.slate-form .form_checkbox fieldset > .form_responses,
.slate-form .form_selectable fieldset > .form_responses,
.slate-form .form_radio fieldset > .form_responses {
  display: grid;
  gap: 12px;
  gap: 0.75rem;
  grid-template-columns: 100%;
}
.slate-form div.form_response input + label {
  margin-inline-start: 0;
}
.slate-form .form_responses input:not([type=file], [type=image], [type=checkbox], [type=radio]) {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  color: var(--input-color);
  background-color: var(--input-background-color);
  border: 0;
  border-block-end: 1px solid var(--input-border-color);
  border-block-end: 0.0625rem solid var(--input-border-color);
  border-radius: 0;
  margin-block-end: var(--input-margin-bottom);
  padding-block: var(--input-padding-block);
  padding-inline: var(--input-padding-inline);
}
@container (min-width: 500px) {
  .slate-form .form_responses input:not([type=file], [type=image], [type=checkbox], [type=radio]) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
.slate-form .form_responses textarea {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  color: var(--input-textarea-color);
  background-color: var(--input-textarea-background-color);
  border: 1px solid var(--input-textarea-border-color);
  border: 0.0625rem solid var(--input-textarea-border-color);
  border-block-start-width: 0;
  border-inline-width: 0;
  border-radius: 0;
  margin-block-end: var(--input-margin-bottom);
  padding-block: var(--input-padding-block);
  padding-inline: var(--input-padding-inline);
}
@container (min-width: 500px) {
  .slate-form .form_responses textarea {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
.slate-form .form_responses select {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  min-inline-size: 12ch;
  color: var(--input-select-color);
  font-weight: 700;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--input-select-background-color);
  border-radius: 4px;
  border-radius: 0.25rem;
  border-width: 0;
  cursor: pointer;
  margin-block-end: var(--input-margin-bottom);
  padding-block: var(--input-padding-block);
  padding-inline: var(--input-padding-inline);
}
@container (min-width: 500px) {
  .slate-form .form_responses select {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
.slate-form .form_responses select:not([multiple]) {
  background-image: var(--input-select-background-image);
  background-position: right var(--select-icon-right) center;
  background-repeat: no-repeat;
  background-size: var(--select-icon-width) auto;
  padding-inline-end: var(--select-padding-right);
}
.slate-form .form_responses input[type=checkbox],
.slate-form .form_responses input[type=radio] {
  position: absolute;
  inset-inline-start: -9999px;
  inset-inline-start: -624.9375rem;
  opacity: 0;
}
.slate-form .form_responses input[type=checkbox] + label,
.slate-form .form_responses input[type=radio] + label {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.625;
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--input-control-color);
  cursor: pointer;
  padding-inline-start: var(--input-control-spacing);
}
@container (min-width: 500px) {
  .slate-form .form_responses input[type=checkbox] + label,
  .slate-form .form_responses input[type=radio] + label {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7777777778;
  }
}
.slate-form .form_responses input[type=checkbox] + label::before,
.slate-form .form_responses input[type=radio] + label::before {
  block-size: var(--input-control-size);
  inline-size: var(--input-control-size);
  position: absolute;
  inset-inline-start: 0;
  background: var(--input-control-background);
  border: var(--input-control-border);
  content: "";
  transition: background-color 0.25s, border-color 0.25s, box-shadow 0.25s;
}
.slate-form .form_responses input[type=checkbox] + label::before {
  border-radius: 4px;
  border-radius: 0.25rem;
}
.slate-form .form_responses input[type=checkbox]:checked + label::before {
  background-color: var(--input-control-checked-background);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='5 13 9 17 19 7'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  background-size: 1rem;
  border-color: var(--input-control-checked-border);
}
.slate-form .form_responses input[type=radio] + label::before {
  border-radius: 50%;
  box-sizing: border-box;
}
.slate-form .form_responses input[type=radio]:checked + label::before {
  background-color: var(--input-control-checked-background);
  box-shadow: 0 0 0 4px var(--input-control-checked-shadow-color) inset;
  box-shadow: 0 0 0 0.25rem var(--input-control-checked-shadow-color) inset;
}
.slate-form .form_selectable input[type=checkbox] {
  margin-inline-start: 4px !important;
  margin-inline-start: 0.25rem !important;
}
.slate-form .form_selectable input[type=checkbox] + label {
  margin: 0 !important;
  outline: 1px solid var(--input-selectable-outline-color) !important;
  outline: 0.0625rem solid var(--input-selectable-outline-color) !important;
  padding-block: 4px !important;
  padding-block: 0.25rem !important;
  padding-inline: var(--input-control-spacing) 4px !important;
  padding-inline: var(--input-control-spacing) 0.25rem !important;
}
.slate-form .form_selectable input[type=checkbox] + label::before {
  translate: 4px 0 0;
  translate: 0.25rem 0 0;
}
.slate-form div.form_question.required {
  background-color: transparent;
}
.slate-form div.form_question.required input,
.slate-form div.form_question.required select,
.slate-form div.form_question.required textarea {
  color: var(--required-color) !important;
  background-color: var(--required-background-color) !important;
  border-color: var(--required-border-color) !important;
}
.slate-form div.form_question.required select {
  border-width: 1px !important;
  border-width: 0.0625rem !important;
}
.slate-form .form_button_submit {
  inline-size: -moz-max-content;
  inline-size: max-content;
  display: block;
  color: var(--submit-color);
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  background-color: var(--submit-background-color);
  border-radius: 3px;
  border-radius: 0.1875rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0);
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0);
  clear: both;
  padding-block: 14px;
  padding-block: 0.875rem;
  padding-inline: 20px;
  padding-inline: 1.25rem;
}
@container (min-width: 500px) {
  .slate-form .form_button_submit {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.slate-form .form_button_submit:focus-visible {
  color: var(--submit-hover-color);
  background-color: var(--submit-hover-background-color);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.15);
}
@media (hover: hover) {
  .slate-form .form_button_submit:hover {
    color: var(--submit-hover-color);
    background-color: var(--submit-hover-background-color);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.15);
  }
}
/*# sourceMappingURL=slate-embed.css.map */