.compactLeadBackdrop {
  top: var(--lead-viewport-top, 0px);
  bottom: auto;
  height: var(--lead-viewport-height, 100dvh);
}

.compactLeadBackdrop .v101FreeReviewModal {
  max-height: calc(var(--lead-viewport-height, 100dvh) - 16px);
}

.compactLeadBackdrop .v12FormIntro {
  padding-bottom: 18px;
}

.compactLeadBackdrop .v12FormIntro h2 {
  margin-bottom: 9px;
}

@media (max-width: 720px) {
  .compactLeadBackdrop .v101FreeReviewModal {
    border-radius: 20px;
  }

  .compactLeadBackdrop .v12ModalClose {
    top: 10px;
    right: 10px;
  }

  .compactLeadBackdrop .v12FormIntro {
    padding: 16px 18px 12px;
  }

  .compactLeadBackdrop .v12Eyebrow {
    margin: 0 50px 12px 0;
    font-size: 13px;
  }

  .compactLeadBackdrop .v12FormIntro h2 {
    max-width: calc(100% - 30px);
    margin-bottom: 7px;
    font-size: clamp(23px, 6.8vw, 28px);
    line-height: 1.06;
  }

  .compactLeadBackdrop .v12FormIntro > p:not(.v12Eyebrow) {
    font-size: 14px;
    line-height: 1.4;
  }

  .compactLeadBackdrop .v12LeadForm {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 0 18px 14px;
  }

  .compactLeadBackdrop .v12LeadForm > label {
    gap: 4px;
    font-size: 13px;
  }

  .compactLeadBackdrop .v12FormBottom {
    margin: 0;
  }

  .compactLeadBackdrop .v40FormPrivacy {
    margin: 0;
    font-size: 12px;
    line-height: 1.35;
  }
}

@media (max-width: 720px) {
  .compactLeadBackdrop[data-compact-height] .v12FormIntro {
    padding: 10px 14px 7px;
  }

  .compactLeadBackdrop[data-compact-height] .v12Eyebrow {
    margin-bottom: 5px;
  }

  .compactLeadBackdrop[data-compact-height] .v12FormIntro h2 {
    font-size: 22px;
  }

  .compactLeadBackdrop[data-compact-height] .v12LeadForm {
    gap: 6px;
    padding: 0 14px 9px;
  }

  .compactLeadBackdrop[data-compact-height] .v12LeadForm > label {
    gap: 2px;
  }
}