/* Shared motion language for page introductions, sections, lists, and visual panels. */
.bb-motion {
    opacity: 0;
    transform: translate3d(0, var(--wp--preset--spacing--32), 0);
    transition:
        opacity .72s ease var(--bb-motion-delay, 0ms),
        transform .72s cubic-bezier(.2,.75,.2,1) var(--bb-motion-delay, 0ms);
    will-change: opacity, transform;
}
.bb-motion--visual {
    transform: translate3d(0, var(--wp--preset--spacing--40), 0) scale(.985);
    transition-duration: .84s;
}
.bb-motion--line { transform: translate3d(var(--wp--preset--spacing--20), 0, 0); }
.bb-motion.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    .bb-motion,
    .bb-motion--visual,
    .bb-motion--line {
        opacity: 1;
        transform: none;
        transition: none;
        will-change: auto;
    }
}