/* Loaded in the head: the global announcement does not depend on lazy JS. */
.tp-marquee-server { overflow: hidden; white-space: nowrap; position: relative; }
.tp-marquee-early-track {
    display: flex;
    width: max-content;
    animation: tp-marquee-early-scroll var(--marquee-speed, 20s) linear infinite;
}
.tp-marquee-early-group {
    display: flex;
    align-items: center;
    justify-content: space-around;
    min-width: 100vw;
    flex: 0 0 auto;
    padding: 8px 0;
}
.tp-marquee-early-group > span { flex-shrink: 0; font-weight: 500; letter-spacing: .5px; }
.tp-marquee-early-sep { margin-inline: 24px; opacity: .6; }
/*rtl:begin:ignore*/
@keyframes tp-marquee-early-scroll { to { transform: translateX(-50%); } }
@keyframes tp-marquee-early-scroll-rtl { to { transform: translateX(50%); } }
html[dir="rtl"] .tp-marquee-early-track,
.o_rtl .tp-marquee-early-track { animation-name: tp-marquee-early-scroll-rtl; }
/*rtl:end:ignore*/
@media (hover: hover) and (pointer: fine) {
    .tp-marquee-server:hover .tp-marquee-early-track { animation-play-state: paused; }
}
@media (prefers-reduced-motion: reduce) {
    .tp-marquee-early-track,
    html[dir="rtl"] .tp-marquee-early-track,
    .o_rtl .tp-marquee-early-track { animation: none; width: 100%; }
    .tp-marquee-early-group { min-width: 0; flex-wrap: wrap; white-space: normal; gap: 8px; width: 100%; }
    .tp-marquee-early-group [aria-hidden="true"],
    .tp-marquee-early-group[aria-hidden="true"] { display: none; }
}
