.pollutant-row{transition:background-color .2s}.pollutant-row:hover{background-color:color-mix(in srgb, var(--text) 4%, transparent)}.city-hero-skeleton{border:1px solid var(--stroke);background:linear-gradient(135deg,#121a22e0 0%,#101820 100%)}.city-hero-skeleton-img{opacity:.94;filter:saturate(.95)contrast(1.2)brightness(.98)}.city-hero-skeleton-overlay{background:linear-gradient(#070d1233 0%,#070d1200 42%,#070d124d 100%),linear-gradient(100deg,#070d12d1 0%,#070d1285 30%,#070d122e 56%,#070d1200 84%),radial-gradient(circle at 84% 16%,#ffffff0a 0%,#0000 44%)}[data-theme=light] .city-hero-skeleton,[data-theme=editorial] .city-hero-skeleton,[data-theme=sky] .city-hero-skeleton{background:linear-gradient(135deg, #ffffffe4 0%, color-mix(in srgb, var(--card) 90%, #ffffff3d) 100%);border:1px solid color-mix(in srgb, var(--stroke) 72%, transparent)}[data-theme=light] .city-hero-skeleton-img,[data-theme=editorial] .city-hero-skeleton-img,[data-theme=sky] .city-hero-skeleton-img{opacity:.92;filter:saturate(1.04)contrast(1.18)brightness(1.02)}[data-theme=light] .city-hero-skeleton-overlay,[data-theme=editorial] .city-hero-skeleton-overlay,[data-theme=sky] .city-hero-skeleton-overlay{background:linear-gradient(#ffffff38 0%,#fff0 48%,#ffffff2e 100%),linear-gradient(100deg,#ffffffd1 0%,#ffffff8a 30%,#ffffff29 56%,#fff0 82%),radial-gradient(circle at 84% 18%,#ffffff09 0%,#0000 42%)}::view-transition-old(.city-crossfade){animation-duration:.35s;animation-timing-function:ease-out}::view-transition-new(.city-crossfade){animation-duration:.35s;animation-timing-function:ease-out}::view-transition-old(.city-crossfade){object-fit:cover;object-position:top;height:100%}::view-transition-new(.city-crossfade){object-fit:cover;object-position:top;height:100%}@media (prefers-reduced-motion:reduce){::view-transition-group(.city-crossfade){animation:none!important}::view-transition-old(.city-crossfade){animation:none!important}::view-transition-new(.city-crossfade){animation:none!important}}.dashboard-card .widget-star+.city-panel-body{padding-right:0}@keyframes cityPollutantIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes cityPollutantBarPulse{0%,to{opacity:.55}50%{opacity:1}}.city-pollutant-icon-pulse{animation:cityPollutantIconPulse 2.4s ease-in-out var(--loop-delay,0s) infinite backwards}.city-pollutant-bar-pulse{animation:cityPollutantBarPulse 2.4s ease-in-out var(--loop-delay,0s) infinite backwards}