.weather-hero-section{padding-top:2rem;padding-bottom:2rem}.weather-hero-heading{margin-bottom:1rem}.weather-hero-subheading{margin:0 0 .75rem;font-size:.9rem;opacity:.75}.weather-hero-status{position:relative;min-height:160px}.weather-hero-spinner{position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid rgba(0,0,0,.15);border-top-color:#1d6fa5;border-radius:50%;animation:weather-hero-spin .8s linear infinite}.weather-hero-spinner[hidden]{display:none}@keyframes weather-hero-spin{to{transform:rotate(360deg)}}.weather-hero-alerts{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.weather-hero-alerts[hidden]{display:none}.weather-hero-alert-card{border:1px solid rgba(0,0,0,.12);border-left-width:4px;border-radius:6px;padding:.75rem .9rem}.weather-hero-sev-critical{border-left-color:#d03b3b}.weather-hero-sev-serious{border-left-color:#ec835a}.weather-hero-sev-warning{border-left-color:#fab219}.weather-hero-sev-neutral{border-left-color:#898781}.weather-hero-alert-card-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.3rem}.weather-hero-alert-badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .5rem;border-radius:999px;border:1px solid rgba(0,0,0,.15)}.weather-hero-sev-critical .weather-hero-alert-badge{color:#d03b3b;border-color:#d03b3b}.weather-hero-sev-serious .weather-hero-alert-badge{color:#ec835a;border-color:#ec835a}.weather-hero-sev-warning .weather-hero-alert-badge{color:#a67300;border-color:#fab219}.weather-hero-sev-neutral .weather-hero-alert-badge{color:#898781;border-color:#898781}.weather-hero-alert-event{font-weight:700;margin:0}.weather-hero-alert-meta{font-size:.8rem;opacity:.7;margin:0 0 .4rem}.weather-hero-alert-headline{font-size:.9rem;margin:0}.weather-hero-top{display:flex;align-items:center;gap:1.1rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.1)}.weather-hero-icon{width:64px;height:64px;flex:0 0 auto}.weather-hero-icon svg{width:100%;height:100%;display:block}.weather-hero-temp{font-size:2.25rem;font-weight:700;line-height:1;margin:0}.weather-hero-cond{font-size:.9rem;opacity:.75;margin:.3rem 0 0}.weather-hero-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.weather-hero-stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;opacity:.6;margin:0 0 .25rem}.weather-hero-stat-value{font-size:1rem;font-weight:600;margin:0}.weather-hero-empty{text-align:center;margin-top:2rem;opacity:.7}
