.hourly-forecast-box-view{display:block;box-sizing:border-box;font-size:.9rem;margin-top:32px;border-radius:12px;border:1px solid var(--dashboard-widget-border-color);background-color:var(--dashboard-widget-bg-color);box-shadow:0 1px 2px var(--dashboard-widget-box-shadow-color);backdrop-filter:blur(20px)}.hourly-forecast-box-view .title{font-size:.85rem;text-transform:uppercase;padding:8px 16px;background-color:rgba(0,0,0,.02);border-bottom:1px solid var(--chart-section-border-color);font-weight:700;color:var(--color-secondary-font);opacity:.7;letter-spacing:1.2px}.hourly-forecast-box-view .hours{display:flex;overflow-x:auto;position:relative}.hourly-forecast-box-view .hours .temp-line{position:absolute;inset:0;pointer-events:none;z-index:0}.hourly-forecast-box-view .hour{display:flex;flex-direction:column;margin:16px;align-items:center;gap:4px;z-index:1}.hourly-forecast-box-view .hour .label,.hourly-forecast-box-view .hour .temp{font-size:.9rem;font-weight:700;padding:.2rem 0;width:100%;text-align:center}.hourly-forecast-box-view .hour .label{font-weight:500}.hourly-forecast-box-view .hour .label span{font-size:.65rem}.hourly-forecast-box-view .hour .icon{min-width:32px;max-width:32px;min-height:32px;max-height:32px}.hourly-forecast-box-view .hour .precip-chance{font-size:.6rem;color:var(--wu-lightblue);font-weight:500;min-height:14px;margin-top:-2px}.hourly-forecast-box-view .hour .temp-dot{width:4px;height:4px;background-color:#6b7280;border:2px solid #fff;border-radius:50%}.hourly-forecast-box-view .hour .temp-dot.now{width:8px;height:8px}@media (prefers-color-scheme:dark){.hourly-forecast-box-view .hour .temp-dot{background-color:#f3f4f6;border-color:rgba(0,0,0,.55);opacity:.9}}