.form-wrapper.gf-focus-popover {
  position: fixed;
  /*
	 * JavaScript supplies the visual viewport's top offset and height.
	 * This centres the modal inside the area that is genuinely visible,
	 * including when the mobile keyboard is open.
	 */
  top: calc(var(--gf-focus-viewport-top, 0px) +
		(var(--gf-focus-viewport-height, 100dvh) / 2));
  left: 50%;
  right: auto;
  bottom: auto;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  width: min(600px, calc(100vw - 32px));
  max-width: 600px;
  /*
	 * Always preserve space above and below the modal.
	 * When the keyboard opens, this height automatically shrinks.
	 */
  max-height: calc(var(--gf-focus-viewport-height, 100dvh) - 32px);
  height: auto;
  margin: 0;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.18), 0 8px 24px rgba(0, 0, 0, 0.1);
}
/*
 * Blur the page without adding a dark overlay.
 */
.form-wrapper.gf-focus-popover::backdrop {
  background: var(--black-trans-60);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}
/*
 * The Gravity Forms content should grow naturally.
 * Only the outer form-wrapper should control scrolling.
 */
.form-wrapper.gf-focus-popover, .form-wrapper.gf-focus-popover .gform_wrapper, .form-wrapper.gf-focus-popover form, .form-wrapper.gf-focus-popover .gform-body, .form-wrapper.gf-focus-popover .gform_page {
  min-width: 0;
  max-width: 100%;
}
.form-wrapper.gf-focus-popover .gform_wrapper, .form-wrapper.gf-focus-popover form, .form-wrapper.gf-focus-popover .gform-body, .form-wrapper.gf-focus-popover .gform_page {
  height: auto;
  max-height: none;
  overflow: visible;
}
/* =========================================================
   Reduced motion
   ========================================================= */
@media (prefers-reduced-motion: reduce) {
  .form-wrapper.gf-focus-popover *, .form-wrapper.gf-focus-popover *::before, .form-wrapper.gf-focus-popover *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}
.form-wrapper > .gf-focus-close {
  display: none;
}
.form-wrapper.gf-focus-popover > .gf-focus-close {
  display: flex;
}