forecast-ten-day-view{--chart-gutter:2.75em;--chart-plot-height:8.75em}forecast-ten-day-view .max-width{margin:0 auto;padding:1em;box-sizing:border-box}forecast-ten-day-view .ten-day-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:.75em}forecast-ten-day-view .ten-day-frame{display:flex;align-items:stretch}forecast-ten-day-view .chart-gutter{flex:0 0 var(--chart-gutter);position:relative}forecast-ten-day-view .ten-day-scroll{flex:1 1 auto;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative}forecast-ten-day-view .scroll-nav{position:absolute;left:50%;transform:translate(-50%,-50%);z-index:2;width:2.25em;height:2.25em;padding:0;border:1px solid var(--color-box-border);border-top:1px solid var(--color-box-border);border-radius:50%;background-color:var(--bg-color);background-repeat:no-repeat;background-position:center;background-size:1.25em;cursor:pointer}forecast-ten-day-view .scroll-nav.back{background-image:var(--icon-chevron-left)}forecast-ten-day-view .scroll-nav.forward{background-image:var(--icon-chevron-right)}forecast-ten-day-view .scroll-nav:not(:disabled):hover{background-color:var(--color-box-alternate-bg)}forecast-ten-day-view .customize summary:focus-visible,forecast-ten-day-view .scroll-nav:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}forecast-ten-day-view .axis-block{position:absolute;left:0;right:0}forecast-ten-day-view .axis-block.hidden{display:none}forecast-ten-day-view .axis-tick{position:absolute;right:.375em;transform:translateY(-50%);font-size:.75em;line-height:1;color:var(--color-secondary-font);white-space:nowrap}forecast-ten-day-view .chart-gutter.right .axis-tick{right:auto;left:.375em}forecast-ten-day-view .forecast-chart{display:block}forecast-ten-day-view .forecast-chart.hidden{display:none}forecast-ten-day-view .chart-plot{position:relative;height:var(--chart-plot-height)}forecast-ten-day-view canvas{display:block;width:100%;height:100%;user-select:none}forecast-ten-day-view .chart-legend{position:sticky;left:0;width:var(--legend-width,100%);box-sizing:border-box;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 1.125em;margin:0;padding:.625em 0 1em}forecast-ten-day-view .chart-legend li{display:flex;align-items:center;gap:.5em;font-size:.8125em;font-weight:500;white-space:nowrap}forecast-ten-day-view .chart-legend i{display:block;flex-shrink:0;width:1.25em;height:.375em;border-radius:.1875em}forecast-ten-day-view .chart-readout{position:absolute;inset:0;pointer-events:none}forecast-ten-day-view .chart-readout[hidden]{display:none}forecast-ten-day-view .readout-line{position:absolute;left:0;width:1px;background-color:var(--chart-readout-line-color)}forecast-ten-day-view .readout-value{position:absolute;top:0;left:0;padding:.125em .375em;border-radius:.25em;color:var(--wu-black);font-size:.75em;font-weight:700;line-height:1.4;white-space:nowrap}forecast-ten-day-view .readout-value.on-dark-fill{color:var(--wu-white)}forecast-ten-day-view .readout-value[hidden]{display:none}forecast-ten-day-view .readout-time{position:absolute;top:0;left:0;padding-top:.25em;text-align:center;white-space:nowrap}forecast-ten-day-view .readout-time[hidden]{display:none}forecast-ten-day-view .readout-hour{display:block;font-size:.6875em;font-weight:700;line-height:1.2;color:var(--font-color)}forecast-ten-day-view .readout-date{display:block;font-size:.625em;font-weight:500;line-height:1.2;color:var(--color-secondary-font)}forecast-ten-day-view forecast-customize{flex-shrink:0}forecast-ten-day-view .customize{position:relative}forecast-ten-day-view .customize summary{display:flex;align-items:center;list-style:none;padding:.5em 1em .5em 2.5em;border-radius:3px;font-size:.9375rem;cursor:pointer;background-color:var(--wu-lightblue);border-bottom:3px solid var(--blue-button-highlight);color:var(--wu-white);background-image:var(--icon-settings-white);background-repeat:no-repeat;background-position:.75em center;background-size:1.125em}forecast-ten-day-view .customize summary::-webkit-details-marker{display:none}forecast-ten-day-view .customize summary:hover{background-color:var(--blue-button-highlight)}forecast-ten-day-view .customize ol{list-style:none;margin:0;padding:.5em 0;position:absolute;top:2.75em;right:0;width:17em;z-index:10;background-color:var(--nav-menu-bg-color);border-radius:4px}forecast-ten-day-view .customize ol:not(:empty){box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}forecast-ten-day-view .customize li{padding:0 1em}forecast-ten-day-view .customize .switch-label{justify-content:space-between;padding:.375em 0;font-size:.9375rem;color:var(--nav-menu-font-color)}forecast-ten-day-view .customize .switch-label:hover{color:var(--nav-menu-font-color-hover)}forecast-ten-day-view .customize .ios-switch input:focus-visible+.slider{outline:2px solid var(--focus-ring-color);outline-offset:2px}@media (max-width:30em){forecast-ten-day-view{--chart-gutter:2.25em}forecast-ten-day-view .scroll-nav{width:2em;height:2em;background-size:1.125em}}