.slide-left-enter-from {
    z-index  : 1;
    transform: translate3d(100%, 0, 0);
}

.slide-right-enter-from {
    z-index  : 1;
    transform: translate3d(-100%, 0, 0);
}

.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active {
    pointer-events  : none;
    position        : absolute;
    will-change     : transform;
    transition      : transform 300ms;
    background-color: #fff;
}

.slide-right-leave-active {
    transition-delay: 35ms;
    transform       : translate3d(100%, 0, 0);
}

.slide-left-leave-active {
    transition-delay: 35ms;
    transform       : translate3d(-100%, 0, 0);
}

.app-page {
    width           : 100%;
    height          : 100%;
    overflow-y      : auto;
    background-color: #f4f4f4;
}