html,
body {
  overflow-x: clip;
}

button,
a,
input {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

body.iess-popup-open {
  overflow: hidden;
}

.iess-popup {
  padding:
    max(16px, env(safe-area-inset-top))
    max(16px, env(safe-area-inset-right))
    max(16px, env(safe-area-inset-bottom))
    max(16px, env(safe-area-inset-left));
}

.iess-popup__backdrop {
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}

.iess-popup__card {
  overscroll-behavior: contain;
  scrollbar-width: thin;
}

.iess-popup__close {
  min-width: 44px;
  min-height: 44px;
  display: grid;
  place-items: center;
}

.iess-popup .cta {
  min-height: 56px;
}

.iess-popup input {
  min-height: 48px;
}

.iess-popup input:focus-visible,
.iess-popup__close:focus-visible,
.iess-popup .cta:focus-visible {
  outline: 3px solid #159188;
  outline-offset: 3px;
}

@media (max-width: 520px) {
  .iess-popup__card {
    border-radius: 16px;
  }

  .iess-popup h2 {
    overflow-wrap: anywhere;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
  }
}