.reveal-drop {
    opacity: 0;
    transform: translate3d(0, -14px, 0) scale(0.992);
    transition:
        opacity var(--reveal-duration, 920ms) cubic-bezier(.16,.84,.25,1),
        transform var(--reveal-duration, 920ms) cubic-bezier(.16,.84,.25,1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
}

.reveal-drop.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
}

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