.weather-hourly-section{padding-top:2rem;padding-bottom:2rem}.weather-hourly-heading{margin-bottom:.25rem}.weather-hourly-subheading{margin:0 0 1rem;font-size:.9rem;opacity:.75}.weather-hourly-subheading:empty{display:none}.weather-hourly-spinner,.weather-hourly-empty{text-align:center;margin-top:2rem;opacity:.7}.weather-hourly-scroll{overflow-x:auto;overflow-y:hidden}.weather-hourly-scroll[hidden]{display:none}.weather-hourly-hour-lines{position:absolute;inset:0;pointer-events:none}.weather-hourly-hour-line{position:absolute;top:0;bottom:0;width:1px;background:#00000026}.weather-hourly-tiles{position:absolute;top:0;left:0;right:0;pointer-events:none}.weather-hourly-tile{position:absolute;top:0;text-align:center;padding:.3rem .2rem;box-sizing:border-box}.weather-hourly-tile-date{margin:0 0 .1rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;opacity:.6}.weather-hourly-tile-label{margin:0 0 .15rem;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.02em}.weather-hourly-tile-icon{width:32px;height:32px;margin:0 auto .15rem;display:block}.weather-hourly-tile-icon svg{width:100%;height:100%;display:block}.weather-hourly-tile-temp{margin:0 0 .15rem;font-size:.95rem;font-weight:700}.weather-hourly-tile-wind,.weather-hourly-tile-precip{display:flex;justify-content:center;align-items:center;gap:.3rem;font-size:.8rem;margin-top:.1rem}.weather-hourly-wind-icon,.weather-hourly-precip-icon{width:16px;height:16px;display:inline-block;flex:0 0 auto}.weather-hourly-canvas-wrap{position:relative;display:flex;height:var(--weather-hourly-height, 320px);min-width:100%}.weather-hourly-plot-wrap{position:relative;flex:1 1 auto;height:100%;min-width:0}[data-weather-hourly-canvas]{display:block;width:100%;height:100%}.weather-hourly-y-axis{position:sticky;z-index:2;flex:0 0 46px;background:rgb(var(--bg-color, 255 255 255))}.weather-hourly-y-axis--left{left:0}.weather-hourly-y-axis--right{right:0}.weather-hourly-y-axis-tick{position:absolute;left:0;right:0;transform:translateY(-50%);font-size:12px;text-align:center}