.pt-overlay-0e9ff483 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none;
    background-color: #ffffff;
    opacity: 0;
    transition: opacity var(--pt-duration-0e9ff483) var(--pt-easing-0e9ff483),
                transform var(--pt-duration-0e9ff483) var(--pt-easing-0e9ff483);
}

/* Fade */
.pt-type-fade.is-leaving {
    opacity: 1;
}
.pt-type-fade.is-entering {
    opacity: 1;
    transition: none;
}
.pt-type-fade.is-entering-active {
    opacity: 0;
    transition: opacity var(--pt-duration-0e9ff483) var(--pt-easing-0e9ff483);
}

/* Slide */
.pt-type-slide {
    transform: translateX(100%);
    opacity: 1;
}
.pt-type-slide.is-leaving {
    transform: translateX(0);
}
.pt-type-slide.is-entering {
    transform: translateX(0);
    transition: none;
}
.pt-type-slide.is-entering-active {
    transform: translateX(-100%);
    transition: transform var(--pt-duration-0e9ff483) var(--pt-easing-0e9ff483);
}

/* Zoom */
.pt-type-zoom {
    transform: scale(0);
    opacity: 0;
    background-color: #000000;
}
.pt-type-zoom.is-leaving {
    transform: scale(1);
    opacity: 1;
}
.pt-type-zoom.is-entering {
    transform: scale(1);
    opacity: 1;
    transition: none;
}
.pt-type-zoom.is-entering-active {
    transform: scale(2);
    opacity: 0;
    transition: all var(--pt-duration-0e9ff483) var(--pt-easing-0e9ff483);
}

/* Curtain */
.pt-type-curtain {
    transform: translateY(-100%);
    opacity: 1;
    background-color: #222;
}
.pt-type-curtain.is-leaving {
    transform: translateY(0);
}
.pt-type-curtain.is-entering {
    transform: translateY(0);
    transition: none;
}
.pt-type-curtain.is-entering-active {
    transform: translateY(100%);
    transition: transform var(--pt-duration-0e9ff483) var(--pt-easing-0e9ff483);
}