/* promo-banner v1.0.1 */
#promo_banner {
  display: block;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
  will-change: max-height, opacity, transform;
  transition:
    max-height 0.45s ease,
    opacity 0.3s ease,
    transform 0.3s ease;
}

#promo_banner.is-visible {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

#promo_banner.is-closing {
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

#promo_banner.has-seen-load-animation {
  transition: none !important;
}

#promo_banner.has-seen-load-animation.is-visible {
  max-height: 500px;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

@media (max-width: 767px) {
  #promo_banner.is-visible,
  #promo_banner.has-seen-load-animation.is-visible {
    max-height: 700px;
  }
}