.page-transition-overlay-231a2c73 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 999999;
    pointer-events: none;
    transition-property: all;
    opacity: 0;
}

/* FADE */
.page-transition-overlay-231a2c73[data-transition="fade"] {
    background-color: #ffffff;
}
.page-transition-overlay-231a2c73[data-transition="fade"].active {
    opacity: 1;
    pointer-events: auto;
}

/* SLIDE UP */
.page-transition-overlay-231a2c73[data-transition="slide"] {
    background-color: #ffffff;
    transform: translateY(100%);
    opacity: 1;
}
.page-transition-overlay-231a2c73[data-transition="slide"].active {
    transform: translateY(0%);
    pointer-events: auto;
}

/* ZOOM */
.page-transition-overlay-231a2c73[data-transition="zoom"] {
    background-color: #ffffff;
    transform: scale(1.2);
    opacity: 0;
}
.page-transition-overlay-231a2c73[data-transition="zoom"].active {
    transform: scale(1);
    opacity: 1;
    pointer-events: auto;
}

/* CURTAIN SPLIT */
.page-transition-overlay-231a2c73[data-transition="curtain"] {
    opacity: 1;
}
.curtain-panel-231a2c73 {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-color: #ffffff;
    transition: transform inherit;
    transition-timing-function: inherit;
}
.left-panel-231a2c73 {
    left: 0;
    transform: translateX(-100%);
}
.right-panel-231a2c73 {
    right: 0;
    transform: translateX(100%);
}
.page-transition-overlay-231a2c73[data-transition="curtain"].active .left-panel-231a2c73,
.page-transition-overlay-231a2c73[data-transition="curtain"].active .right-panel-231a2c73 {
    transform: translateX(0);
}
.page-transition-overlay-231a2c73[data-transition="curtain"].active {
    pointer-events: auto;
}