[data-reveal] {
    opacity: 0;
    transform:
        translateY(var(--reveal-distance, 16px));
    transition:
        opacity 700ms ease,
        transform 700ms ease;
}

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

[data-reveal="left"] {
    transform:
        translateX(-20px);
}

[data-reveal="right"] {
    transform:
        translateX(20px);
}

[data-reveal="scale"] {
    transform:
        scale(0.98);
}

[data-reveal="left"].is-visible,
[data-reveal="right"].is-visible {
    transform:
        translateX(0);
}

[data-reveal="scale"].is-visible {
    transform:
        scale(1);
}

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

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

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

[data-reveal-delay="4"] {
    transition-delay:
        400ms;
}

@media (prefers-reduced-motion: reduce) {
    [data-reveal],
    [data-reveal="left"],
    [data-reveal="right"],
    [data-reveal="scale"] {
        opacity: 1;
        transform: none;
        transition: none;
    }
}