.comet-reveal {
    opacity: 0;
    transform: translate(var(--comet-reveal-x, 0), var(--comet-reveal-y, 30px));
    transition: opacity var(--comet-reveal-speed, 700ms) ease, transform var(--comet-reveal-speed, 700ms) ease;
    will-change: opacity, transform;
}

/* Default: fade + slide. */
.comet-reveal--fade-slide {
    opacity: 0;
    transform: translate(var(--comet-reveal-x, 0), var(--comet-reveal-y, 30px));
}

.comet-reveal--fade {
    opacity: 0;
    transform: none;
}

.comet-reveal--slide {
    opacity: 1;
    transform: translate(var(--comet-reveal-x, 0), var(--comet-reveal-y, 30px));
}

.comet-reveal--zoom-in {
    opacity: 0;
    transform: scale(0.92);
}

.comet-reveal--zoom-out {
    opacity: 0;
    transform: scale(1.08);
}

.comet-reveal.comet-revealed {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
    .comet-reveal,
    .comet-reveal--fade-slide,
    .comet-reveal--fade,
    .comet-reveal--slide,
    .comet-reveal--zoom-in,
    .comet-reveal--zoom-out {
        opacity: 1;
        transform: none;
        transition: none;
    }
}