.hourly-forecast{container-type:inline-size;color:var(--hy-ink);margin-bottom:28px}.hourly-note{font-size:13px;color:var(--hy-muted);margin:0 0 8px}.hourly-tabs{display:flex;gap:8px;padding:12px 0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--hy-muted) transparent}.hourly-tabs button{flex:none;height:32px;border:0;border-radius:16px;padding:0 12px;font-size:14px;font-weight:600;color:var(--hy-ink);background:var(--hy-panel);cursor:pointer;white-space:nowrap}.hourly-tabs button[aria-selected=true]{color:#142645;background:var(--hy-warm)}.hourly-tabs button:hover{filter:brightness(1.12)}.hourly-forecast [role=tabpanel]:focus-visible,.hourly-tabs button:focus-visible{outline:2px solid var(--hy-warm);outline-offset:3px}.hourly-day h3{min-height:48px;margin:0;display:flex;align-items:center;font-size:18px;font-weight:700}.hourly-row{display:grid;align-items:center;gap:4px;min-height:64px;font-size:14px}.hourly-overview{grid-template-columns:48px minmax(200px,1fr) repeat(3,minmax(32px,1fr)) 104px;border-bottom:1px solid var(--hy-line)}.hourly-metric{grid-template-columns:48px minmax(200px,248px) minmax(0,1fr)}.hourly-heading{min-height:44px;font-size:12px;font-weight:500;line-height:1.2;color:var(--hy-muted)}.hourly-heading>span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hourly-heading>span:nth-child(n+3),.hourly-reading{text-align:center}.hourly-heading>span:last-child{text-align:end}.hourly-heading .hourly-metric-heading{text-align:start}.hourly-row time{font-size:13px;line-height:1.2}.hourly-row time strong{display:block;white-space:nowrap}.hourly-row time small{display:block;margin-top:4px;color:var(--hy-muted);font-size:9px}.hourly-sky{display:flex;align-items:center;gap:12px;min-width:0}.hourly-icon-chance{display:flex;align-items:center;gap:4px;flex:none;width:72px}.hourly-icon-chance svg{flex:none}.hourly-icon-chance .msn-weather-icon{width:32px;height:32px}.hourly-icon-chance>span{font-size:12px;font-weight:700;color:var(--hy-muted)}.hourly-condition{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hourly-reading{min-width:0;white-space:nowrap;font-variant-numeric:tabular-nums}.hourly-wind{text-align:end;font-size:14px;font-variant-numeric:tabular-nums}.hourly-wind small{display:block;font-size:inherit;margin-top:3px}.hourly-value{position:relative;height:40px;min-width:0;--hour-color:#91b9ef}.hourly-value-dew-point,.hourly-value-feels-like,.hourly-value-temperature{--hour-color:var(--hy-warm)}.hourly-value-humidity{--hour-color:#b4c4dd}.hourly-value-pressure{--hour-color:#b6a9ef}.hourly-value-uv{--hour-color:#ffbb89}.hourly-guide{position:absolute;left:0;right:calc(100% - var(--hour-position, 100%));top:50%;height:2px;background-image:radial-gradient(circle,var(--hour-color) 1px,transparent 1px);background-size:8px 2px;background-repeat:repeat-x}.hourly-pill{position:absolute;left:var(--hour-position);top:50%;transform:translate(var(--hour-shift),-50%);padding:6px 8px;border-radius:20px;background:var(--hour-color);color:#13243f;font-size:16px;font-weight:600;line-height:20px;white-space:nowrap;z-index:1}.hourly-pill small{font-size:10px;margin-inline-start:5px}.hourly-secondary{opacity:.3;z-index:0}.hourly-value-dew-point .hourly-secondary{background:var(--hy-panel);color:var(--hy-warm);opacity:1;border:1px solid var(--hy-warm)}.hourly-value-uv .hourly-pill{border-radius:50%;min-width:40px;height:40px;padding:10px 8px;text-align:center}.hourly-cloud .hourly-guide{--hour-color:#aec5de}.hourly-cloud-fill{height:8px;border-radius:8px;background:#aec5de}.hourly-cloud strong,.hourly-cloud-fill{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.hourly-cloud strong{font-size:16px;text-shadow:0 1px 4px var(--hy-panel)}.hourly-precip{display:flex;gap:8px;align-items:center;min-width:0;font-size:16px}.hourly-precip strong{min-width:72px;font-weight:600}.hourly-precip-track{flex:1;height:8px;border-radius:8px;background:var(--hy-panel);overflow:hidden}.hourly-precip-track>span{display:block;height:100%;background:#91b9ef;border-radius:inherit}.hourly-missing{display:flex;align-items:center}.hourly-endnote{margin-top:20px}@container (max-width: 640px){.hourly-overview{grid-template-columns:44px 72px repeat(3,minmax(32px,1fr)) 56px}.hourly-metric{grid-template-columns:44px 72px minmax(0,1fr)}.hourly-condition{display:none}.hourly-reading,.hourly-wind{font-size:13px}}@container (max-width: 512px){.hourly-condition{display:none}.hourly-pill{font-size:14px}}@container (max-width: 340px){.hourly-row{gap:2px}.hourly-overview{grid-template-columns:40px 58px repeat(3,minmax(28px,1fr)) 52px}.hourly-metric{grid-template-columns:40px 58px minmax(0,1fr)}.hourly-icon-chance{width:58px;gap:2px}.hourly-icon-chance .msn-weather-icon{width:26px;height:26px}.hourly-icon-chance>span{font-size:10px}.hourly-reading,.hourly-wind{font-size:12px}}