.popup-container {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  position: fixed;
  overflow-x: hidden;
  transform: translateY(-120%);
  opacity: 0;
  transition: opacity 420ms cubic-bezier(.22, 1, .36, 1);
  z-index: 9999999;
}
.popup-modal {
  transition: transform 420ms cubic-bezier(.22, 1, .36, 1);
  transform: translateY(-120%);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.popup-close {
  text-decoration: none;
  position: absolute;
  top: 15px;
  left: calc(100% - 33px);
}
.popup-close-x path {
  fill: var(--wp--preset--color--neutral);
}
body.popup-open {
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  overflow: hidden;
  pointer-events: none;
  touch-action: none;
}
body.popup-open .popup-container {
  pointer-events: auto;
  touch-action: auto;
}
body.popup-open .popup-container,
body.popup-open .popup-modal,
.editor-styles-wrapper .popup-container,
.editor-styles-wrapper .popup-modal {
  opacity: 1;
  transform: translate(0);
}
.editor-styles-wrapper .popup-container {
  position: static;
}
#popup-identification {
  display: none;
}
.editor-styles-wrapper #popup-identification {
  display: block;
}
