.forecast .details{color:#fff;background:linear-gradient(#079fe1,#30b0e6);padding:2.5rem 0}.forecast .details .head{justify-content:space-between;gap:.5rem;margin:0;padding:0 0 1rem;font-size:1.25rem;font-weight:500;line-height:1.5rem;display:flex}.forecast .details .head .dates{gap:.5rem;font-size:1rem;display:flex}.forecast .details .items{grid-template-columns:repeat(7,1fr);gap:1rem;display:grid}.forecast .details .items .item{cursor:pointer;text-align:center;width:100%;color:inherit;white-space:nowrap;background-color:#ffffff1a;border:none;border-radius:.5rem;margin:0;padding:1rem .75rem .75rem;font-size:.875rem;line-height:1.375;transition:background-color .15s,color .15s;box-shadow:0 .0625rem .125rem #0000000d,0 0 0 .0625rem #ffffff26}.forecast .details .items .item:hover{background-color:#ffffff26}.forecast .details .items .item:focus-visible{outline-offset:.125rem;outline:.125rem solid #ffffffe6}.forecast .details .items .item .title{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;font-size:.875rem;font-weight:500;display:none}.forecast .details .items .item .title .weekday{text-transform:uppercase}.forecast .details .items .item .overview .grid{grid-template-columns:1fr;grid-template-areas:"weekday""date""icon""temperature""blurb";gap:.5rem;display:grid}.forecast .details .items .item .overview .grid .weekday{grid-area:weekday}.forecast .details .items .item .overview .grid .date{grid-area:date}.forecast .details .items .item .overview .grid .icon{grid-area:icon}.forecast .details .items .item .overview .grid .temperature{grid-area:temperature}.forecast .details .items .item .overview .grid .blurb{grid-area:blurb}.forecast .details .items .item .overview .weekday{text-transform:uppercase;color:#ffffffe6;font-weight:500;line-height:1.25}.forecast .details .items .item .overview .date{color:#ffffffbf;font-size:.75rem;line-height:1.25}.forecast .details .items .item .overview .icon{flex-direction:column;align-items:center;padding:.25rem 0;display:flex}.forecast .details .items .item .overview .icon img{width:3rem;height:3rem;display:block}.forecast .details .items .item .overview .temperature{color:#ffffffe6;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;line-height:1.25;display:flex}.forecast .details .items .item .overview .temperature>div{gap:.0625rem;display:flex}.forecast .details .items .item .overview .blurb{color:#fffffff2;white-space:normal;justify-content:center;align-items:center;min-height:2.5rem;font-size:.875rem;display:flex}.forecast .details .items .item .statistics{margin-top:.5rem}.forecast .details .items .item .statistics .statistic{justify-content:space-between;gap:.5rem;margin-bottom:.125rem;display:flex}.forecast .details .items .item .statistics .humidity{display:none}.forecast .details .items .item .statistics .statistic .label{color:#ffffffa6}.forecast .details .items .item .statistics .statistic .value{color:#ffffffe6;font-weight:600}.forecast .details .items .item .metas{border-top:.0625rem solid #fff3;margin:.75rem 0 0;padding:.75rem 0 0;font-size:.75rem}.forecast .details .items .item .metas .grid{grid-template-columns:1fr;grid-template-areas:"precipitation""rain""humidity""wind""direction""uv""sunrise""sunset";gap:.25rem;display:grid}.forecast .details .items .item .metas .grid .low{grid-area:low;display:none}.forecast .details .items .item .metas .grid .high{grid-area:high;display:none}.forecast .details .items .item .metas .grid .precipitation{grid-area:precipitation}.forecast .details .items .item .metas .grid .rain{grid-area:rain}.forecast .details .items .item .metas .grid .humidity{grid-area:humidity}.forecast .details .items .item .metas .grid .uv{grid-area:uv}.forecast .details .items .item .metas .grid .wind{grid-area:wind}.forecast .details .items .item .metas .grid .direction{grid-area:direction}.forecast .details .items .item .metas .grid .sunrise{grid-area:sunrise}.forecast .details .items .item .metas .grid .sunset{grid-area:sunset}.forecast .details .items .item .metas .meta{justify-content:space-between;gap:.5rem;display:flex}.forecast .details .items .item .metas .meta .label{color:#ffffffa6}.forecast .details .items .item .metas .meta .label .short{display:none}.forecast .details .items .item .metas .meta .value{text-align:right}.forecast .chart{padding:3rem 0}.forecast .chart .container{overflow:hidden}.forecast .chart .wrapper-1{width:100%}.forecast .chart .wrapper-2{width:100%;height:18rem}.forecast .chart .navigator{justify-content:center;align-items:center;margin-top:2rem;display:flex}.forecast .chart .navigator .grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.forecast .chart .navigator .arrow{box-sizing:border-box;text-transform:none;justify-content:center;align-items:center;width:6.25rem;height:3.0625rem;padding:0;line-height:1;display:flex}.forecast .chart .navigator .arrow svg{flex-shrink:0;width:1.25rem;height:1.25rem;display:block}.forecast .chart .navigator .arrow:disabled{opacity:.35;cursor:not-allowed}.forecast .chart .actions{justify-content:center;margin-top:2rem;display:flex;position:relative}.forecast .chart .actions .btn{width:100%;max-width:100%}.forecast .chart .actions .toggle{display:none}.forecast .chart .actions .toggle .btn{position:relative}.forecast .chart .actions .toggle .btn .icon{position:absolute;top:.875rem;right:.875rem}.forecast .chart .actions .toggle .btn .icon svg{display:block}.forecast .chart .actions .metrics{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.chart-hourly-column{pointer-events:none}.chart-tooltip{background-color:#fff;border:.0625rem solid #e2e8f0;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;box-shadow:0 .25rem .375rem -.0625rem #0000001a,0 .125rem .25rem -.125rem #0000001a}.chart-tooltip-title{color:#1e293b;margin:0;font-weight:500}.chart-tooltip-metric{color:#475569;margin:0}.chart-tooltip-metric--spaced{margin-top:.25rem}.chart-tooltip-value{color:#0f172a;font-weight:600}
@media (max-width:1099px){.forecast .details .items{grid-template-columns:repeat(1,1fr);gap:.75rem;display:grid}.forecast .details .items .item{padding:.75rem}.forecast .details .items .item .inner{text-align:left;grid-template-columns:auto auto;gap:.75rem;display:grid}.forecast .details .items .item .title{display:flex}.forecast .details .items .item .overview{justify-content:flex-start;align-items:center;display:flex}.forecast .details .items .item .overview .grid{grid-template-columns:3.125rem auto;grid-template-areas:"icon temperature""icon blurb";gap:.125rem .5rem}.forecast .details .items .item .overview .grid .weekday,.forecast .details .items .item .overview .grid .date{display:none}.forecast .details .items .item .overview .icon{padding:0}.forecast .details .items .item .overview .icon img{width:3rem;height:3rem}.forecast .details .items .item .overview .temperature{justify-content:flex-start;font-size:1.25rem;font-weight:500;line-height:1}.forecast .details .items .item .overview .temperature .unit{font-size:.75em;position:relative;top:.0625rem}.forecast .details .items .item .overview .blurb{min-height:auto;font-size:.8125rem;font-weight:400;display:block}.forecast .details .items .item .statistics{display:none}.forecast .details .items .item .metas{border-top:none;justify-content:flex-end;align-items:center;margin:0;padding:0;display:flex}.forecast .details .items .item .metas .grid{grid-template-columns:auto auto auto auto auto;grid-template-areas:"low precipitation wind humidity sunrise""high rain direction uv sunset";gap:.25rem 1rem}.forecast .details .items .item .metas .grid .low,.forecast .details .items .item .metas .grid .high{display:flex}.forecast .chart .wrapper-1{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;width:100%;min-width:0;max-width:100%;overflow:auto hidden}.forecast .chart .wrapper-1::-webkit-scrollbar{display:none}.forecast .chart .wrapper-2{width:74.9375rem;max-width:74.9375rem}.forecast .chart .navigator{margin-top:2rem;display:block}.forecast .chart .navigator .arrow{width:100%}.forecast .chart .actions{margin-top:.75rem;display:block}.forecast .chart .actions .metrics{width:100%}}@media (max-width:799px){.forecast .chart .actions .toggle{display:block}.forecast .chart .actions .metrics{z-index:50;background-color:#f5f5f5;border:.0625rem solid #e2e8f0;border-radius:.5rem;grid-template-columns:repeat(1,1fr);gap:.5rem;padding:.5rem;display:none;position:absolute;bottom:0;left:0;right:0}.forecast .chart .actions .metrics.show{display:grid}}@media (max-width:749px){.forecast .details .items .item .overview .grid{grid-template-columns:auto;grid-template-areas:"icon""temperature""blurb";gap:.25rem 0}.forecast .details .items .item .overview .icon{display:block}.forecast .details .items .item .overview .temperature{font-size:1.5rem}.forecast .details .items .item .overview .temperature .unit{font-size:.75rem;position:relative;top:0}.forecast .details .items .item .metas .grid{grid-template-columns:auto auto;grid-template-areas:"low high""precipitation rain""humidity uv""wind direction""sunrise sunset";gap:.25rem 1rem}}@media (max-width:599px){.forecast .details .head{text-align:center;flex-direction:column;justify-content:center;gap:.25rem}.forecast .details .head .label{font-size:1.25rem}.forecast .details .head .dates{justify-content:center;margin-top:0;font-size:1rem;font-weight:300}.forecast .details .items{margin-top:.5rem}}@media (max-width:449px){.forecast .details .items .item .metas .meta .label .short{display:inline}.forecast .details .items .item .metas .meta .label .long{display:none}}