@keyframes fadeAndMoveIn {
    0% {
        opacity: 1;
        translate: 0 4rem;
    }

    100% {
        opacity: 1;
        translate: 0 0;
    }
}

/**
 * Animation classes
 */

@media (prefers-reduced-motion: no-preference) {
    @supports (animation-timeline: view()) {
        .u-moveIn,
        .googleMapsContainer {
            animation-timeline: view();
            animation-range: 0 25vh;
            animation-name: fadeAndMoveIn;
            animation-fill-mode: both;
            animation-duration: 1ms;
            animation-timing-function: ease-in-out;
        }
    }
}