/* Base Overlay Styles */
.pt-overlay-56f9395c {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    pointer-events: none;
    background-color: #ffffff; /* Transition background color */
    transition-property: opacity, transform, clip-path;
}

/* 1. Fade */
.pt-overlay-56f9395c.pt-type-fade {
    opacity: 0;
}
.pt-overlay-56f9395c.pt-type-fade.pt-active {
    opacity: 1;
    pointer-events: all;
}

/* 2. Slide Up */
.pt-overlay-56f9395c.pt-type-slide_up {
    transform: translateY(-100%);
}
.pt-overlay-56f9395c.pt-type-slide_up.pt-active {
    transform: translateY(0);
    pointer-events: all;
}

/* 3. Curtain (Split open horizontally) */
.pt-overlay-56f9395c.pt-type-curtain {
    transform: scaleX(0);
    transform-origin: center;
}
.pt-overlay-56f9395c.pt-type-curtain.pt-active {
    transform: scaleX(1);
    pointer-events: all;
}

/* 4. Zoom */
.pt-overlay-56f9395c.pt-type-zoom {
    transform: scale(0);
    opacity: 0;
}
.pt-overlay-56f9395c.pt-type-zoom.pt-active {
    transform: scale(1.5);
    opacity: 1;
    pointer-events: all;
}