.weather-loading{min-height:84px;display:flex;align-items:center;padding:18px;color:#416651;font-size:15px;font-weight:600;background:#eef3ed}
.hourly-list .weather-loading{grid-column:1/-1;min-height:165px}
.weather-loading::before{content:"";width:16px;height:16px;margin-right:12px;border:2px solid #8cab94;border-top-color:#295d42;border-radius:50%;animation:weather-wait .9s linear infinite}
.hero:has(#currentTemp) .temperature{min-height:1.05em}
@keyframes weather-wait{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.weather-loading::before{animation:none}}