.aqi-ticker{position:relative;width:100%;height:var(--ticker-height, 36px);background-color:var(--ticker-bg, #1a1a1a);color:var(--ticker-color, #e8e4dc);overflow:hidden;display:flex;align-items:center}.aqi-ticker__track{flex:1;overflow:hidden;height:100%;display:flex;align-items:center;will-change:transform;-webkit-overflow-scrolling:touch}.aqi-ticker__content{display:flex;align-items:center;white-space:nowrap;-webkit-animation:aqi-scroll var(--ticker-speed, 40s) linear infinite;animation:aqi-scroll var(--ticker-speed, 40s) linear infinite;will-change:transform}.aqi-ticker:hover .aqi-ticker__content{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes aqi-scroll{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-33.333%);transform:translate(-33.333%)}}@keyframes aqi-scroll{0%{-webkit-transform:translateX(0);transform:translate(0)}to{-webkit-transform:translateX(-33.333%);transform:translate(-33.333%)}}@media(prefers-reduced-motion:reduce){.aqi-ticker__content{-webkit-animation:none;animation:none;overflow-x:auto}}.aqi-ticker__city{display:inline-flex;align-items:center;gap:6px;padding:0 2rem;font-size:var(--ticker-font-size, 11px);text-transform:uppercase;letter-spacing:.08em;line-height:var(--ticker-height, 36px)}.aqi-ticker__city-name{opacity:.7}.aqi-ticker__dot{display:inline-block;width:4px;height:4px;border-radius:50%;flex-shrink:0}.aqi-ticker__separator{display:inline-block;padding:0 4px;opacity:.3}.aqi-ticker__label{flex-shrink:0;padding:0 14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.45;white-space:nowrap;border-left:1px solid currentColor;height:100%;display:flex;align-items:center}.aqi-value--good{color:var(--aqi-good, #7BC67E)}.aqi-value--moderate{color:var(--aqi-moderate, #F0C040)}.aqi-value--poor{color:var(--aqi-poor, #E87C4E)}.aqi-value--hazardous{color:var(--aqi-hazardous, #E85252)}.aqi-dot--good{background-color:var(--aqi-good, #7BC67E)}.aqi-dot--moderate{background-color:var(--aqi-moderate, #F0C040)}.aqi-dot--poor{background-color:var(--aqi-poor, #E87C4E)}.aqi-dot--hazardous{background-color:var(--aqi-hazardous, #E85252)}@media screen and (max-width:749px){.aqi-ticker{max-height:36px}.aqi-ticker__city{padding:0 1rem;font-size:10px}.aqi-ticker__label{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/aqi-ticker.css.map */