.forecast-controls{display:grid;justify-items:end;gap:1rem}.forecast-units{display:flex;gap:.65rem;margin:0;padding:0;border:0}.forecast-units legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.forecast-units label{display:grid;gap:.18rem;color:var(--muted);font-size:.68rem;font-weight:760;text-align:left}.forecast-units select{width:auto;margin:0;padding:.42rem .5rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:.78rem;font-weight:720}.forecast-units select:focus{border-color:var(--orange-dark);box-shadow:0 0 0 3px #ffead0}.hourly-table-scroll{overflow:visible;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(64,49,27,.04)}.hourly-table{width:100%;min-width:940px;border-collapse:separate;border-spacing:0;font-variant-numeric:tabular-nums}.hourly-table th,.hourly-table td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}.hourly-table thead th{position:sticky;top:76px;z-index:2;background:#f7f3ed;color:#625a4f;font-size:.7rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase}.hourly-table thead th:first-child{z-index:3}.hourly-table tbody tr:last-child>*{border-bottom:0}.hourly-table tbody tr:nth-child(even)>*{background:#fcfaf7}.hourly-table tbody tr:hover>*{background:#fff4e1}.hourly-table tbody tr.hourly-now>*{background:#fff0d7}.hourly-table tbody td{color:#4d473f;font-size:.86rem}.hourly-time{min-width:128px}.hourly-table tbody .hourly-time{font-weight:760}.hourly-time span{display:block;color:#756d62;font-size:.73rem;font-weight:700}.hourly-time time{display:block;margin-top:.15rem;color:var(--ink);font-size:1rem}.hourly-heading-text{display:grid;gap:.16rem}.hourly-heading-text small{color:#8a8176;font-size:.66rem;font-weight:760;letter-spacing:0;text-transform:none}.hourly-heading-icon{display:none;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon-time{color:#6357a5}.icon-temperature{color:#e4513c}.icon-precipitation{color:#287cc7}.icon-wind{color:#168972}.icon-humidity{color:#2389a3}.icon-pressure{color:#7857a8}.icon-clouds{color:#64748b}.wind-value{font-weight:760}.wind-direction{display:inline-block;margin-left:.35rem;color:#168972;font-size:1.15rem;line-height:1;transform:rotate(var(--wind-direction))}.hourly-table td small{margin-left:.2rem;color:#837a70;font-size:.71rem}@media(max-width:820px){.forecast-controls{justify-items:start}.forecast-units{flex-wrap:wrap}.hourly-table-scroll{overflow-x:auto;overflow-y:visible}.hourly-table{min-width:736px}.hourly-table th,.hourly-table td{padding:11px 9px}.hourly-table thead th{top:76px;width:66px;padding:10px 8px;text-align:center}.hourly-table thead .hourly-time{width:88px}.hourly-heading-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hourly-heading-icon{display:inline-block}.hourly-table tbody td{text-align:center}.hourly-table tbody .hourly-time{text-align:left}.hourly-table td small{display:none}}@media(max-width:640px){.forecast-units{width:100%}.forecast-units label{flex:1}.forecast-units select{width:100%}.hourly-table-scroll{overflow:visible;margin:0;border-radius:16px}.hourly-table{min-width:0;table-layout:fixed}.hourly-table th,.hourly-table td{padding:4px 1px;white-space:normal}.hourly-table thead th{top:76px;width:auto;padding:6px 1px}.hourly-table thead .hourly-time,.hourly-table tbody .hourly-time{width:68px;min-width:68px;padding-left:4px}.hourly-table tbody td{font-size:.7rem;line-height:1.1}.hourly-table tbody .hourly-time span{font-size:.6rem}.hourly-table tbody .hourly-time time{font-size:.78rem}.hourly-table .hourly-heading-icon{width:19px;height:19px}.hourly-table [data-weather-value]{font-size:0}.hourly-table [data-weather-value]::after{content:attr(data-weather-number);font-size:.7rem}.wind-direction{margin-left:0;font-size:.85rem}}@media(max-width:480px){.hourly-table thead th{top:66px}}