:is(#Text, #HomeTicker) .newsletter-ticker {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    width: 100%;
    min-width: 0;
    color: #eaaa00;
    font-family: Roboto, sans-serif;
}

:is(#Text, #HomeTicker) .newsletter-ticker-window {
    order: -1;
    flex: 0 0 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background: rgba(255, 255, 255, 0.06);
    padding-block: .9rem;
}

:is(#Text, #HomeTicker) .newsletter-ticker-track {
    position: relative;
    display: flex;
    width: max-content;
    min-width: 200%;
    animation: newsletter-ticker-enter var(--ticker-enter-duration, 2s) linear, newsletter-ticker-scroll var(--ticker-scroll-duration, 18s) linear var(--ticker-enter-duration, 2s) infinite;
    animation-play-state: paused;
}

:is(#Text, #HomeTicker) .newsletter-ticker-window.ticker-started .newsletter-ticker-track { animation-play-state: running; }

:is(#Text, #HomeTicker) .newsletter-ticker-track span {
    color: #fff;
    flex: 1 0 auto;
    padding-inline: 2rem;
    text-align: left;
    white-space: nowrap;
    font-size: var(--font-normal);
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    text-shadow: none;
}

:is(#Text, #HomeTicker) .newsletter-ticker-track strong {
    font-weight: 700;
}

:is(#Text, #HomeTicker) .newsletter-ticker-track span::after {
    content: "";
    display: inline-block;
    width: .45rem;
    height: .45rem;
    margin-inline: 1rem;
    vertical-align: .1em;
    background: #eaaa00;
    transform: rotate(45deg);
}

:is(#Text, #HomeTicker) .newsletter-ticker-window:focus-visible { outline: 2px solid #eaaa00; outline-offset: 3px; }
:is(#Text, #HomeTicker) .newsletter-ticker-window:focus .newsletter-ticker-track,
:is(#Text, #HomeTicker) .newsletter-ticker-window:hover .newsletter-ticker-track { animation-play-state: paused; }

@keyframes newsletter-ticker-enter {
    from { left: 10%; }
    to { left: 0; }
}

@keyframes newsletter-ticker-scroll {
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    :is(#Text, #HomeTicker) .newsletter-ticker-track { animation: none; width: 100%; min-width: 0; }
    :is(#Text, #HomeTicker) .newsletter-ticker-track span { flex: 1 1 auto; white-space: normal; padding-inline: 1rem; }
    :is(#Text, #HomeTicker) .newsletter-ticker-track span[aria-hidden] { display: none; }
}

:is(#Text, #HomeTicker) .newsletter-ticker, :is(#Text, #HomeTicker) .newsletter-ticker-window, :is(#Text, #HomeTicker) .newsletter-ticker-track { max-width: none; transition: none; column-gap: 0; }
:is(#Text, #HomeTicker) .newsletter-ticker-window { display: block; box-sizing: border-box; }
:is(#Text, #HomeTicker) .newsletter-ticker-track { width: max-content; }
:is(#Text, #HomeTicker) .newsletter-ticker-track i {
    display: inline-block;
    width: .45rem;
    height: .45rem;
    margin-inline: 1rem;
    vertical-align: .1em;
    background: #eaaa00;
    transform: rotate(45deg);
}
@media (prefers-reduced-motion: reduce) {
    :is(#Text, #HomeTicker) .newsletter-ticker-track { width: 100%; }
    :is(#Text, #HomeTicker) .newsletter-ticker-track span { box-sizing: border-box; }
}

#HomeTicker { min-width: 0; }
#HomeTicker .newsletter-ticker { max-width: 112ch; margin: 0 auto clamp(2rem, 4vw, 3.5rem); }