hourly-forecast{display:block}hourly-forecast .max-width{margin:0 auto;padding:1em}hourly-forecast .date-nav-group{display:flex;align-items:center;justify-content:center;gap:.25em;margin:1em}hourly-forecast .date-nav{border:none;background-color:transparent;cursor:pointer;width:24px;height:24px;flex-shrink:0;background-size:contain;background-repeat:no-repeat;background-position:center;padding:0}hourly-forecast .date-nav.back{background-image:var(--icon-chevron-left)}hourly-forecast .date-nav.forward{background-image:var(--icon-chevron-right)}hourly-forecast .date-nav:disabled{opacity:.3;cursor:default}hourly-forecast .date-label{font-size:.875em;font-weight:700;opacity:.8;min-width:11em;text-align:center}hourly-forecast .table-scroll{overflow-x:auto;border:1px solid rgba(128,128,128,.15);border-radius:12px;margin-top:2em}hourly-forecast table{width:100%;border-collapse:separate;border-spacing:0}hourly-forecast th{font-weight:600;font-size:.75em;text-align:center;padding:1.5em 1em;color:var(--color-secondary-font);text-transform:uppercase;letter-spacing:.05em;background:var(--pws-status-bg-color);position:sticky;top:0;z-index:2;white-space:nowrap}hourly-forecast th:first-child{left:0;z-index:3;background:var(--bg-color);padding-left:1.5em}hourly-forecast th:last-child{padding-right:1.5em}hourly-forecast td{font-size:.875em;padding:.625em 1em;text-align:center;color:var(--font-color);border-top:1px solid var(--dashboard-body-border-color);white-space:nowrap}hourly-forecast td:first-child{position:sticky;left:0;background:var(--bg-color);z-index:1;padding-left:1.5em;font-weight:600}hourly-forecast td:last-child{padding-right:1.5em}hourly-forecast tbody tr:last-child td{padding-bottom:1.5em}hourly-forecast .no-data{display:inline-block;font-size:.75em;font-weight:600;color:var(--color-secondary-font);opacity:.4}hourly-forecast .conditions-cell{display:flex;align-items:center;gap:.5em}hourly-forecast .conditions-cell .icon{min-width:1.25em;max-width:1.25em;min-height:1.25em;max-height:1.25em}