.weather-timeline{min-width:0;margin:-8px 0 22px}.weather-timeline-heading{align-items:center;gap:10px;min-height:26px;margin-bottom:5px;display:flex}.weather-timeline-heading h2{white-space:nowrap;font-size:12px;font-weight:650;line-height:1.4}.weather-timeline-heading>span{color:var(--muted);font-size:10px}.weather-timeline-current.live-button{white-space:nowrap;min-height:26px;margin-left:auto;padding:4px 8px;font-size:10px}.weather-timeline-body{grid-template-columns:30px minmax(0,1fr) 30px;align-items:stretch;gap:6px;display:grid}.weather-timeline-arrow{border:1px solid var(--border);height:78px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;place-items:center;margin-top:2px;display:grid}.weather-timeline-arrow:hover:not(:disabled){background:var(--surface);border-color:#8dabbc}.weather-timeline-arrow:disabled{opacity:.35;cursor:default}.weather-timeline-arrow:focus-visible{outline-offset:1px;outline:2px solid #397cc2}.weather-timeline-track{overscroll-behavior-x:contain;scrollbar-width:thin;gap:6px;padding:2px 1px 6px;display:flex;position:relative;overflow-x:auto}.weather-timeline-card{border:1px solid var(--tone-border);background:var(--tone-light);width:104px;height:78px;color:var(--tone);cursor:pointer;font:inherit;border-radius:9px;flex-direction:column;flex:0 0 104px;justify-content:space-between;align-items:center;gap:3px;padding:7px 6px 6px;display:flex}.weather-timeline-card time{font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap;justify-content:center;align-items:baseline;gap:5px;font-size:11px;display:flex}.weather-timeline-card time small{color:var(--muted);font-size:9px}.weather-timeline-card>svg{flex-shrink:0}.weather-timeline-card strong{text-align:center;min-height:12px;font-size:10px;font-weight:600;line-height:1.15}.weather-timeline-card[aria-pressed=true]{border-color:var(--tone);box-shadow:inset 0 0 0 1px var(--tone)}.weather-timeline-card:hover{border-color:var(--tone)}.weather-timeline-card:focus-visible{outline:2px solid var(--tone);outline-offset:1px}.weather-timeline-empty{border:1px solid var(--border);height:78px;color:var(--muted);background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;display:flex}.monitoring .weather-timeline{display:none}@media (max-width:560px){.weather-timeline-heading{flex-wrap:wrap;gap:3px 7px}.weather-timeline-heading h2{font-size:11px}.weather-timeline-heading>span{flex-basis:100%;order:3;font-size:9px}.weather-timeline-card{flex-basis:100px;width:100px}.weather-timeline-body{grid-template-columns:26px minmax(0,1fr) 26px;gap:4px}}