html.kyma-noscroll {
  overflow: hidden;
}

.bde-popup,
.bde-popup .kyma-popup {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  pointer-events: none;
}

.bde-popup.kyma-popup-open,
.bde-popup.kyma-popup-open .kyma-popup,
.bde-popup.kyma-popup-animating,
.bde-popup.kyma-popup-animating .kyma-popup {
  visibility: visible;
  opacity: 1;
  z-index: var(--bde-z-index-popup);
  pointer-events: unset;
}