.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;
}

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

@media (prefers-reduced-motion: reduce) {
    .comet-reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
}