.beyond-announcement .announcement-marquee {
    display: none;
    min-width: 0;
    overflow: hidden;
}
.beyond-announcement.is-paused .announcement-marquee-track {
    animation-play-state: paused;
}
@media (max-width: 760px) {
    body .beyond-announcement {
        grid-template-columns: minmax(0, 1fr) 24px;
        gap: 8px;
        min-height: 38px;
        font-size: 11px;
    }
    .beyond-announcement > .announcement-track {
        display: none;
    }
    .beyond-announcement .announcement-marquee {
        display: block;
    }
    .announcement-marquee-track {
        display: flex;
        width: max-content;
        animation: beyond-announcement-scroll 40s linear infinite;
    }
    .announcement-marquee-group {
        display: flex;
        flex: 0 0 auto;
        align-items: center;
    }
    .announcement-marquee-group a {
        display: block;
        flex-shrink: 0;
        white-space: nowrap;
        padding-inline: 24px;
    }
    .announcement-marquee:focus-within .announcement-marquee-track,
    .announcement-marquee:hover .announcement-marquee-track {
        animation-play-state: paused;
    }
}
@keyframes beyond-announcement-scroll {
    to {
        transform: translateX(-50%);
    }
}
@media (prefers-reduced-motion: reduce) {
    .announcement-marquee-track {
        animation: none;
        width: auto;
    }
    .announcement-marquee-group {
        flex-wrap: wrap;
        justify-content: center;
        gap: 8px 0;
    }
    .announcement-marquee-group a {
        white-space: normal;
        text-align: center;
        padding-inline: 10px;
    }
    .announcement-marquee-group[aria-hidden] {
        display: none;
    }
}