@media (prefers-reduced-motion: no-preference) {
    .page-animate-enter {
        opacity: 0;
        transform: translateY(20px);
        transition:
            opacity .55s cubic-bezier(.22, 1, .36, 1),
            transform .55s cubic-bezier(.22, 1, .36, 1);
        transition-delay: var(--page-delay, 0ms);
    }

    .page-animate-enter.is-visible {
        opacity: 1;
        transform: translateY(0);
    }

    .page-animate-card {
        opacity: 0;
        transition: opacity .4s cubic-bezier(.22, 1, .36, 1);
        transition-delay: var(--page-delay, 0ms);
    }

    .page-animate-card.is-visible {
        opacity: 1;
    }

    .page-animate-block {
        opacity: 0;
        transform: translateY(20px);
        transition:
            opacity .55s cubic-bezier(.22, 1, .36, 1),
            transform .55s cubic-bezier(.22, 1, .36, 1);
        transition-delay: var(--page-delay, 0ms);
    }

    .page-animate-block.is-visible {
        opacity: 1;
        transform: translateY(0);
    }
}