.template-login .acf-light-scene {
  --card-shadow-rgb: 0 63 53;
  --card-highlight-rgb: 255 255 255;
  --card-shadow-x: 6px;
  --card-shadow-y: 10px;
}
.template-login .acf-card-elevated {
  position: relative;
  isolation: isolate;
  border: 1px solid rgb(var(--card-shadow-rgb, 0 63 53) / 0.09);
  box-shadow:
    0 1px 2px rgb(var(--card-shadow-rgb, 0 63 53) / 0.07),
    var(--card-shadow-x, 6px) var(--card-shadow-y, 10px) 24px -12px
      rgb(var(--card-shadow-rgb, 0 63 53) / 0.12),
    0 24px 52px -36px rgb(var(--card-shadow-rgb, 0 63 53) / 0.1);
}
.template-login .acf-card-elevated:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 1px 1px rgb(var(--card-highlight-rgb, 255 255 255) / 0.26),
    inset -1px -1px rgb(var(--card-shadow-rgb, 0 63 53) / 0.06);
}
.template-login .acf-card-elevated__header {
  box-shadow: inset 0 -1px #00312924;
}
.template-login {
  --otp-overlap: 0rem;
  --otp-header-mobile: 9rem;
}
.otp-container,
.acf-otp-card-head,
.otp-content {
  --acf-red-400: var(--red-400, #cc2115);
  --acf-focus-ring: 0 0 0 3px rgba(114, 192, 50, 0.18);
  --acf-input-border: rgba(0, 36, 30, 0.2);
}
.template-login .header-nav__item.nav-item.nav-item--bbis {
  color: #fff;
  font-weight: 500;
}
.template-login .page-scrolled .header-nav__item.nav-item.nav-item--bbis {
  color: var(--text);
}

@media (max-width: 990px) {
  .template-login .header-logo:is(.header-logo-short) {
    max-width: 250px;
  }
}
.template-login .main > .banner + .main__container {
  padding-top: 36px;
}
@media (max-width: 990px) {
  .template-login .main > .banner + .main__container {
    padding-top: 20px;
  }
}
.template-login #banner-title strong {
  display: inline-block;
}
.template-login #banner-title {
  margin-bottom: 1.2rem;
  font-size: 3.2rem;
}
.template-login .banner--lessGreen .banner__column--text {
  padding-bottom: 1.2rem;
  max-width: 600px;
}
@media (max-width: 990px) {
  .template-login .banner--lessGreen .banner__column--text {
    padding-bottom: var(--spacers-12);
    max-width: 100%;
  }
}
.template-login .banner__media--image {
  position: relative;
}
.template-login .banner__media--image:after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 62%;
  pointer-events: none;
  background: linear-gradient(to top, #00241ed1, #00241e73 45%, #00241e00);
}
@media (max-width: 989px) {
  .template-login .banner--with-media {
    margin-top: calc(var(--otp-header-mobile) * -1) !important;
    min-height: 39rem;
    padding-bottom: calc(var(--otp-overlap) + 4rem);
  }
  .template-login .banner__subheading {
    display: block;
  }
}
.otp-content__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 2.4rem;
}
.otp-content__list li {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.8rem;
}
.otp-content__list li:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23007966' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
ol.otp-content__list {
  counter-reset: otp-steps;
}
ol.otp-content__list li {
  counter-increment: otp-steps;
  font-size: 1.5rem;
  gap: 1.2rem;
}
ol.otp-content__list li:before {
  content: counter(otp-steps);
  background-image: none;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  color: #fff;
  background: var(--primary-vibrant-green-700);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 600;
}
.otp-content__callout {
  border-radius: 4px;
  padding: 2.2rem 2.4rem;
  max-width: 460px;
  position: relative;
  background-color: var(--bg-secondary-gum-leaf);
}
.otp-content__callout h3 {
  font-size: 2.2rem;
  margin-bottom: 1.8rem;
}
.otp-content__callout p:last-child {
  margin: 0 !important;
}
.otp-content__callout a {
  text-decoration: none;
}
.template-login #loginSidebar {
  margin-top: 48px;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.template-login #login-form {
  padding: 2.2rem 2.4rem 2rem;
}
@media (min-width: 1344px) {
  .template-login #login-form {
    padding: 3rem 4rem;
  }
}
@media (max-width: 989px) {
  .template-login #loginSidebar {
    position: relative;
    align-items: stretch;
    z-index: 3;
    margin-top: calc(var(--otp-overlap) * -1);
  }
}

.template-login #loginSidebar .petition-block__wrapper {
  max-width: 500px;
  width: 100%;
}
@media (max-width: 989px) {
  .template-login #loginSidebar .petition-block__wrapper {
    max-width: 100%;
  }
}
.template-login #loginSidebar .petition-block__form__top {
  padding: 3.2rem 2.2rem;
  height: 119.5px;
  gap: 0.4rem;
}
.template-login #loginSidebar .petition-block__form__bottom {
  width: 100%;
}
.acf-otp-card-head {
  background: var(--primary-teal-700);
  border-radius: 4px 4px 0 0;
  padding: 18px 28px;
  min-height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.acf-otp-card-head [data-head] {
  font-weight: 400;
  font-size: 2.2rem;
  line-height: 1.3;
  color: #fff;
  margin: 0;
  width: 100%;
}
.acf-otp-card-head [data-head]:not([data-head="email"]) {
  display: none;
}
.otp-container {
  position: relative;
  color: var(--primary-turquoise-1100);
}
.otp-container .g_id_signin {
  display: none;
}
.otp-container .form-label,
.template-login .acf-qas-host .col-form-label {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.3;
  color: var(--primary-turquoise-1100);
  margin-bottom: 6px;
  display: inline-block;
}
.otp-container .form-label .required {
  color: var(--acf-red-400);
}
.otp-container .form-field-required .form-label:after {
  content: " *";
  color: var(--acf-red-400);
}
.template-login .acf-qas-host .required span.required {
  color: var(--acf-red-400);
}
.template-login .acf-qas-host .col-form-label .icon-helper {
  display: none;
}
.template-login
  .acf-qas-host
  .address-search-row
  .container-input-address-search:after {
  top: 1.3rem;
}
.otp-container .container-input-address-search {
  flex-wrap: wrap;
}
.otp-container .container-input-address-search label.error {
  display: block;
  flex: 1 0 100%;
  width: 100%;
  margin-top: 8px;
}
.otp-container .form-text,
.otp-container #otpHelp {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.45;
  color: #00241ea6;
}
.otp-container #otpHelp {
  margin-top: 8px;
}
.otp-container .error {
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.4;
  color: var(--acf-red-400);
}
.otp-container .acf-inline-error {
  margin-top: 6px;
}
.otp-container input.form-control {
  width: 100%;
  min-height: 50px;
  padding: 13px 14px;
  border: 1px solid var(--acf-input-border);
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.3;
  color: var(--primary-turquoise-1100);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.otp-container input.form-control:focus {
  border-color: #4a8520;
  box-shadow: var(--acf-focus-ring);
}
.otp-container input.form-control:disabled {
  background: #00241e0f;
  border-color: #00241e1f;
  color: #00241eb8;
  cursor: not-allowed;
}
.otp-container input[type="submit"].btn {
  width: 100%;
  min-height: 48px;
  margin-top: 20px;
  padding: 14px;
  border: none;
  border-radius: 4px;
  background: var(--primary-vibrant-green-600);
  color: #0b1307;
  font-family: inherit;
  font-weight: 500;
  font-size: 1.65rem;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.15s,
    opacity 0.15s,
    box-shadow 0.15s;
}
.otp-container input[type="submit"].btn:hover,
.otp-container input[type="submit"].btn:focus {
  background: var(--primary-vibrant-green-500);
}
.otp-container .is-not-ready,
.otp-container input[type="submit"].is-not-ready {
  opacity: 0.55;
}
.otp-container .is-not-ready input[type="submit"],
.otp-container input[type="submit"].is-not-ready {
  cursor: not-allowed;
}
.otp-container .alert,
.otp-container .BBValidationSummary {
  --alert-accent: var(--primary-teal-800);
  position: relative;
  margin-bottom: 18px;
  padding: 12px 14px 12px 41px;
  border: 1px solid color-mix(in srgb, var(--alert-accent), transparent 68%);
  border-radius: 4px;
  background: color-mix(in srgb, var(--alert-accent), transparent 93%);
  color: var(--alert-accent);
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-top: 16px;
}
.otp-container .BBValidationSummary {
  margin-bottom: 0;
  font-weight: 500;
}
.otp-container .BBValidationSummary ul {
  font-weight: 400;
}
.otp-container .alert:before,
.otp-container .BBValidationSummary:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 13px;
  width: 17px;
  height: 17px;
  background-color: currentColor;
  -webkit-mask: var(--alert-icon) center / contain no-repeat;
  mask: var(--alert-icon) center / contain no-repeat;
}
.otp-container .alert p {
  margin: 0;
  font: inherit;
  color: inherit;
}
.otp-container .alert p strong {
  font-size: 1.3rem;
  font-weight: 500;
}
.otp-container .alert-success {
  --alert-accent: var(--secondary-gum-leaf-accessible);
  --alert-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'></path><polyline points='22 4 12 14.01 9 11.01'></polyline></svg>");
}
.otp-container .alert-danger {
  --alert-accent: var(--acf-red-400);
  --alert-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'></path><line x1='12' y1='9' x2='12' y2='13'></line><line x1='12' y1='17' x2='12.01' y2='17'></line></svg>");
}
.otp-container .alert-info {
  --alert-accent: var(--primary-teal-800);
  --alert-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'></circle><line x1='12' y1='16' x2='12' y2='12'></line><line x1='12' y1='8' x2='12.01' y2='8'></line></svg>");
}
.otp-container select.form-control,
.otp-container textarea.form-control {
  width: 100%;
  min-height: 50px;
  padding: 13px 14px;
  border: 1px solid var(--acf-input-border);
  border-radius: 4px;
  background: #fff;
  font-family: inherit;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.3;
  color: var(--primary-turquoise-1100);
  outline: none;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.otp-container select.form-control:focus,
.otp-container textarea.form-control:focus {
  border-color: #4a8520;
  box-shadow: var(--acf-focus-ring);
}
.otp-container select.form-control {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 42px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23007966' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px;
  cursor: pointer;
}
.otp-container textarea.form-control {
  min-height: 72px;
  resize: vertical;
}
.otp-container .BBFieldControlCell {
  margin-bottom: 14px;
}
.otp-container .BBFieldControlCell:last-child {
  margin-bottom: 0;
}
.otp-container .BBValidationSummary {
  --alert-accent: var(--acf-red-400);
  --alert-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'></path><line x1='12' y1='9' x2='12' y2='13'></line><line x1='12' y1='17' x2='12.01' y2='17'></line></svg>");
}
.otp-container .BBValidationSummary ul {
  margin: 2px 0 0;
  padding: 0 0 0 16px;
}
.otp-container .BBValidationSummary li {
  font: inherit;
  color: inherit;
}
.otp-container a[id$="_btnCancelNewRecord"] {
  display: inline-block;
  margin-top: 14px;
  color: var(--primary-teal-700);
  font-weight: 500;
  font-size: 1.35rem;
  line-height: 1.45;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.otp-container a[id$="_btnCancelNewRecord"]:hover {
  color: var(--primary-teal-800);
}
.otp-container [id$="_PanelNewRecord"] .row:last-child .col-12 {
  text-align: center;
}
.otp-container [id$="_PanelOTP"] .row:last-child .col-12 {
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.45;
  text-align: center;
  margin-top: 14px;
  color: #2d4541;
}
.otp-container [id$="_PanelOTP"] .row:last-child .col-12 a {
  font-weight: 500;
  color: var(--primary-teal-700);
}
.otp-container a[id$="_btnResend"] {
  color: var(--primary-teal-700);
  font: inherit;
  position: relative;
}
.acf-enhanced .acf-otp-code {
  position: relative;
  display: block;
  width: 100%;
}
.acf-enhanced .acf-otp-code.otp:before,
.acf-enhanced .acf-otp-code.otp:after,
.acf-enhanced .acf-otp-code .otp:before,
.acf-enhanced .acf-otp-code .otp:after {
  display: none;
}
.acf-enhanced .acf-otp-code input.form-control {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  opacity: 0.01;
  color: transparent;
  caret-color: transparent;
  z-index: 2;
  cursor: pointer;
  clip-path: none;
  mask: none;
  -webkit-mask: none;
  letter-spacing: normal;
  text-indent: 0;
  font-size: 1.6rem;
}
.acf-otp-boxes {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}
.acf-otp-box {
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 2.6rem;
  color: var(--primary-turquoise-1100);
  border: 1px solid var(--acf-input-border);
  border-radius: 4px;
  background: #fff;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
}
.acf-otp-box.is-active {
  border-color: #4a8520;
  box-shadow: var(--acf-focus-ring);
}
@media (max-width: 560px) {
  .acf-otp-boxes {
    gap: 7px;
  }
}
.otp-container [id^="divBlocker_"],
.otp-container .acf-otp-gate {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  position: absolute !important;
  inset: 0 !important;
  width: auto !important;
  height: auto !important;
  background: #d7ece1d9 !important;
  opacity: 1 !important;
  border-radius: 0 0 4px 4px;
  z-index: 1 !important;
}
.otp-container .acf-otp-gate {
  z-index: 2 !important;
}

.otp-container:has(.acf-otp-gate) [id^="divBlocker_"] .acf-otp-leaf {
  visibility: hidden;
}
.otp-container > :not([id^="divBlocker_"]):not(.acf-otp-gate) {
  transition: opacity 0.2s ease;
}
.otp-container.is-working {
  height: 350px;
  overflow: hidden;
}
.otp-container.is-working > :not([id^="divBlocker_"]):not(.acf-otp-gate) {
  opacity: 0.15;
  pointer-events: none;
}
.otp-container.is-resizing > :not([id^="divBlocker_"]):not(.acf-otp-gate) {
  opacity: 0;
  transition: none;
  pointer-events: none;
}
.template-login .acf-enhanced [id^="divBlocker_"] #imgSpinner {
  display: none;
}
.acf-otp-leaf {
  width: 48px;
  height: 48px;
  display: block;
}
.acf-otp-leaf .disc {
  fill: var(--primary-vibrant-green-700);
  transition: fill 0.18s cubic-bezier(0.25, 1, 0.5, 1);
}
.acf-otp-leaf .leaf {
  fill: #fff;
  opacity: 1;
  transition: opacity 0.15s ease;
}
.acf-otp-leaf .orbit,
.acf-otp-leaf .tumble {
  transform-box: view-box;
  transform-origin: 36.57px 36.81px;
  transform-style: preserve-3d;
}
.acf-otp-leaf:not(.is-waapi):not(.is-success) .orbit {
  animation: acfOtpOrbitFallback 1.7s linear infinite;
}
.acf-otp-leaf:not(.is-waapi):not(.is-success) .tumble {
  animation: acfOtpTumbleFallback 1.9s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@keyframes acfOtpOrbitFallback {
  to {
    transform: rotate(360deg);
  }
}
@keyframes acfOtpTumbleFallback {
  to {
    transform: rotateY(360deg);
  }
}
.acf-otp-check {
  fill: none;
  opacity: 0;
  stroke: #fff;
  stroke-dasharray: 1;
  stroke-dashoffset: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 6px;
  transition:
    opacity 0.15s ease 0.04s,
    stroke-dashoffset 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0.06s,
    stroke 0.15s ease;
}
.acf-otp-leaf.is-success .disc {
  fill: #fff;
}
.acf-otp-leaf.is-success .leaf {
  opacity: 0;
}
.acf-otp-leaf.is-success .acf-otp-check {
  opacity: 1;
  stroke: var(--primary-vibrant-green-700);
  stroke-dashoffset: 0;
}
.acf-otp-success-note {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  text-align: center;
  font-weight: 400;
  font-size: 1.35rem;
  line-height: 1.5;
  color: var(--primary-turquoise-1100, #00241e);
  animation: acfViewIn 0.25s ease-out;
}
.acf-otp-success-note strong {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3;
}
.acf-otp-ellipsis i {
  font-style: normal;
  opacity: 0;
  animation: acfOtpDot 1.2s infinite;
}
.acf-otp-ellipsis i:nth-child(2) {
  animation-delay: 0.2s;
}
.acf-otp-ellipsis i:nth-child(3) {
  animation-delay: 0.4s;
}
@keyframes acfOtpDot {
  0%,
  20% {
    opacity: 0;
  }
  40%,
  to {
    opacity: 1;
  }
}
@media (prefers-reduced-motion: reduce) {
  .acf-otp-leaf .orbit,
  .acf-otp-leaf .tumble,
  .acf-otp-leaf .disc,
  .acf-otp-leaf .leaf,
  .acf-otp-leaf .acf-otp-check {
    animation: none;
    transition: none;
  }
  .acf-otp-success-note {
    animation: none;
  }
  .acf-otp-ellipsis i {
    animation: none;
    opacity: 1;
  }
}
.template-login .petition-block__form__top h2 {
  font-size: 2.8rem;
  color: #fff;
  margin-bottom: 0 !important;
}

@media (max-width: 989px) {
  .template-login .petition-block__form__top h2 {
    font-size: 2.4rem;
  }
}
.template-login #loginSidebar .petition-block__form__top h2 strong {
  color: var(--text-highlight-on-teal);
}
.login-form-footer:has(.otp-form-info-container:empty) {
  display: none;
}
.otp-form-info .otp-form-info-container {
  font-size: 1.2rem;
  color: #2d4541;
  width: 100%;
  text-align: center;
  margin-top: 1.8rem;
  position: relative;
  display: inline-flex;
  justify-content: center;
  gap: 0.4rem 0.6rem;
  align-items: baseline;
  flex-wrap: wrap;
}
.otp-form-info .otp-form-info-container svg {
  position: relative;
  top: 1px;
}
.otp-form-info .otp-form-info-container .otp-form-info__lead {
  flex-basis: 100%;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: var(--primary-turquoise-1100, #00241e);
  padding-bottom: 1.4rem;
  line-height: 1.4;
  border-bottom: 1px solid rgb(39 122 78 / 17%);
}

.otp-form-info .otp-form-info-container .otp-form-info__lead strong {
  display: block;
  margin-bottom: 0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
}
.template-login a[id$="_btnResend"],
.otp-inline-link {
  color: var(--primary-teal-700);
  font-weight: 500;
  position: relative;
  display: inline-block;
  line-height: 1.2;
}
.template-login a[id$="_btnResend"]:before,
.otp-inline-link:before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--primary-teal-700);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.2s ease-out;
}
.template-login a[id$="_btnResend"]:hover,
.otp-inline-link:hover {
  color: color-mix(
    in srgb,
    var(--primary-teal-700),
    var(--primary-teal-600) 50%
  );
}
.template-login a[id$="_btnResend"]:focus-visible:before,
.otp-inline-link:focus-visible:before {
  transform: scaleX(1);
  transform-origin: left center;
}
.template-login a[id$="_btnResend"]:hover:before,
.otp-inline-link:hover:before {
  transform: scaleX(1);
  transform-origin: left center;
}
.otp-inline-link svg {
  transform: translateY(2px);
}
.otp-form-footer a[href="#help"]:before {
  content: "";
  position: static;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.4rem;
  vertical-align: -2px;
  border-bottom: none;
  transform: none;
  transition: none;
  background-color: currentColor;
  -webkit-mask: var(--help-icon) center / contain no-repeat;
  mask: var(--help-icon) center / contain no-repeat;
  --help-icon: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'></circle><path d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'></path><line x1='12' y1='17' x2='12.01' y2='17'></line></svg>");
}
.otp-form-footer a[href="#help"]:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  border-bottom: 1px solid var(--primary-teal-700);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform 0.2s ease-out;
}
.otp-form-footer a[href="#help"]:hover:after,
.otp-form-footer a[href="#help"]:focus-visible:after {
  transform: scaleX(1);
  transform-origin: left center;
}
.template-login #help {
  scroll-margin-top: 12rem;
}
.otp-container .acf-btn-wrap {
  position: relative;
  display: block;
  margin-top: 12px;
}
.otp-container .acf-btn-wrap input[type="submit"].btn {
  margin-top: 0;
}
.template-login .acf-btn-face {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  pointer-events: none;
  color: #0b1307;
  font-weight: 500;
  font-size: 1.65rem;
  line-height: 1;
}
.template-login .acf-btn-face svg {
  width: 18px;
  height: 18px;
  flex: none;
}
.template-login .acf-enhanced input[type="submit"].acf-btn-dressed {
  color: transparent;
}
.otp-container [id$="_secAddress"] > .col-12 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.otp-container [id$="_secAddress"] .BBFieldControlCell {
  grid-column: 1 / -1;
  margin-bottom: 0;
}
.otp-container [id$="_secAddress"] [id$="_AUIUSState"],
.otp-container [id$="_secAddress"] [id$="_AUIUSZip"] {
  grid-column: span 2;
}
.otp-container [id$="_secAddress"] .form-label {
  margin-bottom: 6px;
}
.otp-container .BBFormRequiredFieldMarker {
  display: none;
}
.otp-container [id$="_secAddress"] .form-label:after {
  content: " *";
  color: var(--acf-red-400);
}
@media (max-width: 767px) {
  .otp-container [id$="_secAddress"] [id$="_AUIUSState"],
  .otp-container [id$="_secAddress"] [id$="_AUIUSZip"] {
    grid-column: 1 / -1;
  }
  .otp-container .row > [class*="col-"]:not(:last-child) {
    margin-bottom: 1rem;
  }
}
.template-login .acf-qas-mirror,
.template-login .acf-qas-host > .row:not(.address-search-row) {
  display: none !important;
}
.template-login .acf-qas-hidden {
  display: none;
}
.otp-container .address-search-row .form-control {
  background: #fff;
}
.otp-container .address-results li.address-result a {
  display: block;
  padding: 1rem 1.2rem;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--acf-turquoise-1100);
  cursor: pointer;
  text-decoration: none;
  border-radius: none;
}
.otp-container .address-results li.address-result:hover a {
  font-weight: 400 !important;
}
.otp-container .address-results li.active a {
  background: var(--secondary-gum-leaf-100);
}
.otp-container .address-results-container {
  background: transparent;
  margin-top: 0;
}
.otp-container .address-results {
  background: #fff;
  border: 1px solid var(--acf-input-border);
  border-radius: 4px;
  box-shadow: 0 8px 24px #00241e24;
  margin: -4px 0 0;
  padding: 4px;
  list-style: none;
  overflow-y: auto;
  max-height: 15rem !important;
  scrollbar-width: thin;
  scrollbar-color: var(--acf-input-border) transparent;
}
.otp-container .address-result a {
  display: block;
  padding: 9px 12px;
  border-radius: 3px;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4;
  color: var(--primary-turquoise-1100);
  cursor: pointer;
  text-decoration: none;
  transition: background 0.1s ease-out;
}
.otp-container .address-result + .address-result {
  margin-top: 2px;
}
.otp-container .address-result a:hover,
.otp-container .address-result.active a,
.otp-container .address-result[aria-selected="true"] a {
  background: var(--secondary-gum-leaf-100, #d7ece1);
  color: var(--primary-teal-800);
}
.otp-container .address-manual {
  display: inline-block;
  margin-top: 8px;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.4;
  color: var(--primary-teal-700);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.otp-container .address-manual:hover {
  color: var(--primary-teal-800);
}
.otp-container .acf-qas-back,
.template-login .address-search-row .helper a {
  grid-column: 1 / -1;
  justify-self: start;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.4;
  color: var(--primary-teal-700);
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.otp-container .acf-qas-back:hover,
.otp-container .acf-qas-back:focus-visible,
.template-login .address-search-row .helper a:hover,
.template-login .address-search-row .helper a:focus-visible {
  color: var(--primary-teal-800);
}
.template-login .address-search-row .address-results-container #addressResults {
  max-height: 18rem !important;
}
.otp-form-footer {
  padding: 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0.4rem;
  font-size: 1.3rem;
  color: #2d4541;
  font-weight: 500;
}
@media (max-width: 990px) {
  .otp-form-footer {
    gap: 0.6rem;
    flex-wrap: wrap;
  }
}
.acf-otp-modal {
  width: min(580px, calc(100vw - 32px));
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  border: none;
  border-radius: 8px;
  overflow: hidden;
  color: var(--primary-turquoise-1100, #00241e);
  box-shadow: 0 24px 64px #00241e59;
}
.acf-otp-modal::backdrop {
  background: #00241e8c;
}
.acf-otp-modal[open] {
  display: flex;
  flex-direction: column;
  animation: acfOtpModalIn 0.22s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes acfOtpModalIn {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.98);
  }
}
@media (prefers-reduced-motion: reduce) {
  .acf-otp-modal[open] {
    animation: none;
  }
}
.acf-otp-modal__head {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  background: var(--primary-teal-700);
  padding: 2.4rem 2.8rem;
  height: 80px;
}
.acf-otp-modal__head h3 {
  margin: 0 0 -2px;
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.3;
  font-weight: 400;
}
.acf-otp-modal__head h3 strong {
  display: inline-block;
  color: var(--text-highlight-on-teal) !important;
  font-weight: 500;
}
.acf-otp-modal__close {
  flex: none;
  display: inline-flex;
  padding: 6px;
  margin: -6px;
  border: 0;
  background: none;
  color: #fff;
  cursor: pointer;
  border-radius: 4px;
  transition: background 0.15s;
}
.acf-otp-modal__close:hover {
  background: #ffffff1f;
}
.acf-otp-modal__close:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
.acf-otp-modal__body {
  padding: 2.4rem 3.2rem 2.8rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1.55;
  min-height: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--acf-input-border, rgba(0, 36, 30, 0.2)) transparent;
}
.acf-otp-modal__body > p {
  margin: 0;
  font-size: 1.5rem;
  line-height: 1.55;
  margin-bottom: 1.2rem !important;
}
.acf-otp-modal__body > p:first-child {
  margin-bottom: 1rem !important;
}
.acf-otp-modal__body .acf-otp-modal__lead strong {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.2;
  color: var(--primary-turquoise-1100, #00241e);
}
.acf-otp-modal__body .acf-otp-modal__tip strong {
  color: var(--text-highlight, #017463);
  font-weight: 500;
}
.acf-otp-modal__rule {
  border: 0;
  border-top: 1px solid rgba(0, 36, 30, 0.12);
  margin: 2rem 0 1.8rem;
}
.acf-otp-modal__subhead {
  margin: 0 0 0.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--primary-turquoise-1100, #00241e);
}
.acf-otp-modal__login-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.6rem;
  padding: 1.1rem 0;
  border-bottom: 1px solid rgba(0, 36, 30, 0.1);
  font-size: 1.5rem;
}
.acf-otp-modal__login-row:last-child {
  border-bottom: 0;
  padding-bottom: 0.4rem;
}
.acf-otp-modal__login-name {
  color: var(--primary-turquoise-1100, #00241e);
}
.acf-otp-modal__login-name:before {
  border-bottom-color: currentColor;
}
.acf-otp-modal__login-name:hover {
  color: var(--primary-teal-700);
}
.acf-otp-modal__body .otp-content__list {
  margin: 1.8rem 0;
}
.acf-otp-modal__body .otp-content__list li {
  margin-bottom: 1.2rem;
  line-height: 1.4;
  justify-content: flex-start;
}
.acf-otp-modal__contact {
  background: var(--bg-secondary-gum-leaf, #d7ece1);
  border-radius: 4px;
  padding: 1.4rem 1.8rem;
  font-size: 1.5rem;
  margin-top: 1.8rem;
  line-height: 1.4;
}
.acf-otp-modal__contact p {
  margin: 0 0 0.8rem;
  font-size: 1.5rem;
  line-height: 1.45;
  color: inherit;
}
.acf-otp-modal__contact p:last-child {
  margin-bottom: 0;
}
.acf-otp-modal__contact p a {
  text-decoration: none;
}
.acf-otp-modal__contact h4 {
  margin: 0 0 0.8rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 1.3;
  color: var(--primary-turquoise-1100, #00241e);
}
body:has(.acf-otp-modal[open]) {
  overflow: hidden;
}
.otp-crumbs {
  position: relative;
  z-index: 3;
  padding: 1.6rem 0;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #fff;
}
.otp-crumbs ol {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.otp-crumbs li {
  gap: 0.8rem;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: normal;
  display: flex;
  align-items: center;
}
.otp-crumbs li + li:before {
  content: "\203a";
  opacity: 0.7;
}
.otp-crumbs a {
  color: #fff;
  text-decoration: none;
}
.otp-crumbs a:hover,
.otp-crumbs a:focus-visible {
  text-decoration: underline;
}
.otp-crumbs [aria-current="page"] {
  opacity: 0.85;
  cursor: default;
}
.otp-crumbs [aria-current="page"]:hover,
.otp-crumbs [aria-current="page"]:focus-visible {
  text-decoration: none;
  opacity: 0.85;
  cursor: default;
}
.banner__inner-column .otp-crumbs {
  padding-top: 0;
  margin-bottom: 1.2rem;
}
.template-login .banner__inner-column .banner__subheading {
  margin: 0 0 1.2rem;
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
}
@media (max-width: 767px) {
  .template-login .banner__inner-column .banner__subheading,
  .otp-crumbs {
    display: none;
  }
}