/* Unenhanced and Canvas output keep every authored item in normal flow. */
.blocksMarquee { min-width: 0; max-width: 100%; }
.blocksMarqueeViewport { min-width: 0; }
.blocksMarqueeSequence {
    display: flex; flex-wrap: wrap; align-items: center; gap: 32px;
    list-style: none; margin: 0; padding: 0;
}
.blocksMarqueeItem { display: flex; align-items: center; gap: .75em; min-width: 0; max-width: 100%; }
.blocksMarqueeLabel { min-width: 0; overflow-wrap: anywhere; }
.blocksMarqueeSeparator { flex: none; }
.blocksMarqueePause { cursor: pointer; color: inherit; background: transparent; border: 1px solid currentColor; font: inherit; }
.blocksMarqueePause[hidden] { display: none !important; }
.blocksMarqueePause:focus { outline: 2px solid currentColor; outline-offset: 3px; }
.blocksMarquee[data-marquee-measuring="1"] .blocksMarqueeViewport,
.blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeViewport { overflow: hidden; }
.blocksMarquee[data-marquee-measuring="1"] .blocksMarqueeTrack,
.blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeTrack {
    display: flex; width: max-content; direction: ltr;
}
.blocksMarquee[data-marquee-measuring="1"] .blocksMarqueeSequence,
.blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeSequence {
    flex: none; flex-wrap: nowrap; direction: var(--blocks-marquee-text-direction, ltr);
}
.blocksMarquee[data-marquee-measuring="1"] .blocksMarqueeItem,
.blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeItem { flex: none; max-width: none; }
.blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeTrack {
    animation: blocks-marquee-scroll var(--blocks-marquee-duration) linear infinite;
}
.blocksMarquee[data-marquee-direction="right"] .blocksMarqueeTrack { animation-direction: reverse; }
.blocksMarquee[data-marquee-paused="1"] .blocksMarqueeTrack { animation-play-state: paused; }
@keyframes blocks-marquee-scroll { to { transform: translateX(calc(-1 * var(--blocks-marquee-distance))); } }
/* Immediate static fallback even before the media-change listener runs. */
@media (prefers-reduced-motion: reduce) {
    .blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeViewport { overflow: visible; }
    .blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeTrack { display: block; width: auto; animation: none; transform: none; }
    .blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeSequence { flex-wrap: wrap; padding-right: 0 !important; }
    .blocksMarquee[data-marquee-enhanced="1"] .blocksMarqueeItem { flex: 0 1 auto; max-width: 100%; white-space: normal; }
    .blocksMarquee [data-marquee-copy], .blocksMarquee .blocksMarqueePause { display: none !important; }
}