/* Top scrolling text. Replaces the obsolete <marquee> tag: pure CSS animation, pauses on hover. */
.ticker{container-type:inline-size;overflow:hidden;white-space:nowrap;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker-track{display:inline-flex;animation-name:tickerMove;animation-timing-function:linear;animation-iteration-count:infinite}
.ticker-item{flex:0 0 auto;min-width:800px;min-width:100cqw;padding-right:90px;box-sizing:border-box;font:600 24px/34px "Segoe UI",Arial,sans-serif;letter-spacing:.4px}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* the news ticker keeps scrolling even when the PC has "show animations" turned off (that setting used to stop it and show a scrollbar) */