/* Shared scroll reveal. Paired with js/ontic-reveal.js. */

[data-reveal] {
    opacity: 0;
    transition: opacity 700ms cubic-bezier(0.2, 0.7, 0.2, 1),
                transform 700ms cubic-bezier(0.2, 0.7, 0.2, 1);
}

[data-reveal="rise"] {
    transform: translate3d(0, 24px, 0);
}

[data-reveal="rise-sm"] {
    transform: translate3d(0, 12px, 0);
}

[data-reveal="wipe"] {
    transform: scaleX(0);
    transform-origin: left center;
}

[data-reveal].is-revealed {
    opacity: 1;
    transform: none;
}

[data-reveal-delay="1"] {
    transition-delay: 90ms;
}

[data-reveal-delay="2"] {
    transition-delay: 180ms;
}

[data-reveal-delay="3"] {
    transition-delay: 270ms;
}

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