[data-animate] {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity 0.65s ease,
        transform 0.65s ease;
    will-change: opacity, transform;
}

[data-animate].is-visible {
    opacity: 1;
    transform: translateY(0);
}

[data-animate="fade-in"] {
    transform: none;
}

[data-animate="fade-up"] {
    transform: translateY(28px);
}

[data-animate="fade-left"] {
    transform: translateX(28px);
}

[data-animate="fade-right"] {
    transform: translateX(-28px);
}

[data-animate-delay="1"] {
    transition-delay: 0.1s;
}

[data-animate-delay="2"] {
    transition-delay: 0.2s;
}

[data-animate-delay="3"] {
    transition-delay: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
    [data-animate] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}