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

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

.route-in-enter-active,
.route-in-leave-active,
.route-out-enter-active,
.route-out-leave-active {
    pointer-events  : none;
    position        : absolute;
    will-change     : transform;
    transition      : transform 200ms;
    background-color: #fff;
}

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

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

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