/* Keep the premium paywall centered in the current visual viewport. */
body > .premium-paywall {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000 !important;
  width: 100vw !important;
  height: var(--lbp-visual-viewport-height, 100dvh) !important;
  max-width: none !important;
  max-height: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 16px !important;
  box-sizing: border-box !important;
}

body > .premium-paywall > .premium-paywall-dialog {
  position: relative !important;
  inset: auto !important;
  align-self: center !important;
  margin: 0 !important;
  max-height: calc(var(--lbp-visual-viewport-height, 100dvh) - 32px) !important;
}

@media (max-width: 767px) {
  body > .premium-paywall {
    padding: 0 !important;
  }

  body > .premium-paywall > .premium-paywall-dialog {
    max-height: var(--lbp-visual-viewport-height, 100dvh) !important;
  }
}