#pt-overlay-7e55f581 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  background-color: #ffffff;
  pointer-events: none;
  opacity: 0;
  transform: none;
  transition: opacity 0.4s ease, transform 0.4s ease;
}

body.admin-bar #pt-overlay-7e55f581 {
  top: var(--wp-admin--admin-bar--height, 32px);
  height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));
}

@media screen and (max-width: 782px) {
  body.admin-bar #pt-overlay-7e55f581 {
    top: 46px;
    height: calc(100vh - 46px);
  }
}

/* Base state for active overlay */
#pt-overlay-7e55f581.visible {
  pointer-events: auto;
  opacity: 1;
}

/* Slide Transition */
#pt-overlay-7e55f581.type-slide {
  transform: translateY(0);
}
#pt-overlay-7e55f581.type-slide.hidden-state {
  transform: translateY(-100%);
  opacity: 1;
}

/* Zoom Transition */
#pt-overlay-7e55f581.type-zoom {
  transform: scale(1);
}
#pt-overlay-7e55f581.type-zoom.hidden-state {
  transform: scale(1.5);
  opacity: 0;
}

/* Curtain Transition */
#pt-overlay-7e55f581.type-curtain {
  transform: translateX(0);
}
#pt-overlay-7e55f581.type-curtain.hidden-state {
  transform: translateX(-100%);
  opacity: 1;
}