[data-scroll-reveal] {
    --scroll-reveal-duration: 0.9s;
    --scroll-reveal-delay: 0s;
    opacity: 0;
    transform: translate3d(0, -48px, 0);
    transition:
        transform var(--scroll-reveal-duration) cubic-bezier(0.23, 0.86, 0.39, 0.96),
        opacity var(--scroll-reveal-duration) cubic-bezier(0.23, 0.86, 0.39, 0.96);
    transition-delay: var(--scroll-reveal-delay);
    will-change: transform, opacity;
}

[data-scroll-reveal].is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

[data-scroll-reveal][data-scroll-once] {
    will-change: auto;
}