.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:14px;line-height:1.375;transition:background-color .15s,color .15s;box-shadow:0 1px 2px #0000000d,0 0 0 1px #ffffff26}.forecast .details .items .item:hover{background-color:#ffffff26}.forecast .details .items .item:focus-visible{outline-offset:2px;outline:2px solid #ffffffe6}.forecast .details .items .item .title{justify-content:space-between;align-items:center;gap:1rem;padding-bottom:.5rem;font-size:14px;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:12px;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:48px;height:48px;display:block}.forecast .details .items .item .overview .temperature{color:#ffffffe6;justify-content:center;align-items:center;font-size:18px;font-weight:500;line-height:1.25;display:flex}.forecast .details .items .item .overview .temperature>div{gap:1px;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:14px;display:flex}.forecast .details .items .item .statistics{margin-top:.5rem}.forecast .details .items .item .statistics .statistic{justify-content:space-between;gap:.5rem;margin-bottom:2px;display:flex}.forecast .details .items .item .statistics .precipitation,.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 .statistics .rain{color:#ffffffa6;margin:.5rem 0 0}.forecast .details .items .item .metas{border-top:1px solid #fff3;margin:1rem 0 0;padding:.5rem 0 0;font-size:12px}.forecast .details .items .item .metas .grid{grid-template-columns:1fr;grid-template-areas:"humidity""uv""wind""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;display:none}.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 .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 .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:288px}.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:100px;height:49px;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}.forecast .chart .actions .grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.forecast .chart .actions .btn{width:100%;max-width:100%}.chart-hourly-column{pointer-events:none}.chart-tooltip{background-color:#fff;border:1px solid #e2e8f0;border-radius:.5rem;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #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:50px 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:48px;height:48px}.forecast .details .items .item .overview .temperature{justify-content:flex-start;font-size:24px;font-weight:400;line-height:1}.forecast .details .items .item .overview .temperature .unit{font-size:.75em;position:relative;top:1px}.forecast .details .items .item .overview .blurb{min-height:auto;font-size:13px;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;grid-template-areas:"low high precipitation humidity""uv wind sunrise sunset";gap:.25rem 1rem}.forecast .details .items .item .metas .grid .low,.forecast .details .items .item .metas .grid .high,.forecast .details .items .item .metas .grid .precipitation{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:1199px;max-width:1199px}}@media (max-width:699px){.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 .icon img{width:32px;height:32px}.forecast .details .items .item .overview .temperature{font-size:18px}.forecast .details .items .item .overview .temperature .unit{font-size:16px;position:relative;top:0}.forecast .details .items .item .metas .grid{grid-template-columns:auto auto;grid-template-areas:"low high""precipitation humidity""uv wind""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:499px){.forecast .chart .navigator{margin-top:1rem;display:block}.forecast .chart .navigator .grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.forecast .chart .navigator .arrow{width:100%}.forecast .chart .actions{margin-top:1rem;display:block}.forecast .chart .actions .grid{width:100%}}@media (max-width:399px){.forecast .chart .actions .grid{grid-template-columns:repeat(1,1fr)}}