/**
 * Yandex SmartCaptcha container inside theme forms.
 */

.anik-captcha {
  margin: 0 0 1.6rem;
}

.anik-captcha .smart-captcha {
  min-height: 100px;
}

/* The size is set by the Yandex script; keep the container from collapsing. */
.anik-captcha iframe {
  width: 100%;
  min-height: 100px;
  border: 0;
}

.form-box__content-form-action .anik-captcha + .mui-checkbox-group {
  margin-top: 1.3rem;
}

/*
 * The form card (.form-box) has a fixed height on >=768px and clips its content
 * (overflow: hidden), while the form itself grew with the captcha widget and the
 * consent checkboxes. Scroll the form inside the card instead of clipping it.
 */
@media (min-width: 768px) {
  .form-box__content-form {
    max-height: 100%;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
  }

  .form-box__content-form::-webkit-scrollbar {
    width: 6px;
  }

  .form-box__content-form::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.18);
    border-radius: 3px;
  }
}