/* Put any custom CSS rules here */
span.overflow-control-description {display: none;}
.newsletter_div {display: none;}

:root {
  --mobile-banner-height: 72px;
}

@media (max-width: 767px) {
  #termly-code-snippet-support {
    --termly-theme-mask-background: rgba(0,0,0,0.25);
  }

  #termly-code-snippet-support [role="alertdialog"] {
    position: fixed !important;
    top: env(safe-area-inset-top, 0) !important;
    left: 0 !important;
    right: 0 !important;
    bottom: auto !important;
    margin: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: none !important;
    border-radius: 0 0 12px 12px !important;
    max-height: 60vh;
    overflow: auto;
    z-index: var(--termly-override-z-index, 9999) !important;
  }

  body {
    padding-top: calc(env(safe-area-inset-top, 0) + var(--mobile-banner-height));
  }
}