@keyframes pageIn {
    from {
        opacity: 0;
        transform: translateX(8px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes pressBounce {
    0% { transform: scale(1); }
    45% { transform: scale(0.92); }
    100% { transform: scale(1); }
}

@keyframes navReflect {
    from { transform: translateX(-140%); opacity: 0; }
    35% { opacity: 0.55; }
    to { transform: translateX(140%); opacity: 0; }
}

body.motion-reduced *,
body.motion-off * {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
}

.loading-screen.is-leaving{
    opacity:0;
    visibility:hidden;
    pointer-events:none;

    transition:
        opacity .3s ease,
        visibility .3s ease;
}