@media (prefers-reduced-motion: no-preference) {
    .retreva-motion-pending > .retreva-motion-item {
        opacity: 0;
        transform: translateY(8px);
    }

    .retreva-motion-pending.retreva-motion-group--soft > .retreva-motion-item {
        transform: translateY(6px);
    }

    .retreva-motion-is-animating > .retreva-motion-item {
        animation: retreva-motion-reveal 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
        will-change: opacity, transform;
    }

    .retreva-motion-is-animating.retreva-motion-group--soft > .retreva-motion-item {
        animation-name: retreva-motion-reveal-soft;
        animation-duration: 620ms;
    }

    .retreva-motion-is-animating > .retreva-motion-item:nth-child(2) {
        animation-delay: 55ms;
    }

    .retreva-motion-is-animating > .retreva-motion-item:nth-child(3) {
        animation-delay: 110ms;
    }

    .retreva-motion-is-animating > .retreva-motion-item:nth-child(4) {
        animation-delay: 165ms;
    }

    .retreva-motion-is-animating > .retreva-motion-item:nth-child(5) {
        animation-delay: 220ms;
    }

    .retreva-motion-is-animating > .retreva-motion-item:nth-child(6) {
        animation-delay: 275ms;
    }

    .retreva-motion-is-animating > .retreva-motion-item:nth-child(n + 7) {
        animation-delay: 330ms;
    }

    .retreva-motion-done > .retreva-motion-item {
        animation: none;
        opacity: 1;
        transform: none;
        will-change: auto;
    }

    @media (max-width: 767.98px) {
        .retreva-motion-is-animating > .retreva-motion-item {
            animation-duration: 360ms;
            animation-delay: 0ms;
        }

        .retreva-motion-is-animating > .retreva-motion-item:nth-child(n + 2) {
            animation-delay: 35ms;
        }
    }

    @keyframes retreva-motion-reveal {
        from {
            opacity: 0;
            transform: translateY(8px);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }

    @keyframes retreva-motion-reveal-soft {
        from {
            opacity: 0;
            transform: translateY(6px);
        }

        to {
            opacity: 1;
            transform: none;
        }
    }
}