@keyframes wt-marquee {
            from { transform: translateX(0); }
            to { transform: translateX(calc(-1 * var(--marquee-distance, 100%))); }
        }
        #weather-ticker {width:1200px;padding: 10px;font-size:14px; color:#222; background:#fffaf0; border-bottom:1px solid #f0e6c8; overflow:hidden; position:relative; z-index:1200; -webkit-tap-highlight-color:transparent;}
        #weather-ticker .wt-viewport {height:100%; display:block; overflow:hidden; position:relative;}
        #weather-ticker .wt-track {display:flex; align-items:center; height:100%; white-space:nowrap; will-change:transform;}
        #weather-ticker .wt-item {display:inline-block; padding:0 16px; white-space:nowrap; flex:0 0 auto;}
        #weather-ticker .animate {animation-name:wt-marquee; animation-timing-function:linear; animation-iteration-count:infinite; animation-play-state:running;}
        #weather-ticker .paused {animation-play-state: paused !important;}
        #weather-ticker .no-anim { animation: none !important; justify-content: flex-start; padding-left: 12px; }
        @media (max-width:420px){
            #weather-ticker { font-size:13px; }
            #weather-ticker .wt-item { padding: 0 10px; }
        }