@import url(https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:ital,wght@0,400;0,700;1,400&display=swap);.h__1,.h__2,h1,h2{font-size:5rem;font-weight:400}.h__3,h3{font-size:1.75rem;font-weight:700}.h__4,.h__5,.h__6,h4,h5,h6{font-size:1rem;font-weight:400}.h__6,h6{letter-spacing:.105rem;text-transform:uppercase}.is__celsius{position:relative}.is__celsius:after{content:"°";font-size:.5em;font-weight:lighter;line-height:1.2;position:absolute;top:0;z-index:30}.slider{color:#e0e0e0;display:block;overflow:hidden;position:relative;width:100%}.slider .slider__track{cursor:grab;display:flex;flex-flow:row;height:100%;position:relative;transition:transform .3s ease;width:max-content}.slider .slider__track.is__dragging{cursor:grabbing;transition-duration:60ms}.slider .slider__track .slider__slide{display:block;flex-shrink:0;overflow:hidden;position:relative;width:100vw}.slider .slider__pagination{left:50%;position:absolute;top:0;transform:translateX(-50%);z-index:30}.slider .slider__pagination .dot__list{display:flex;flex-flow:row}.slider .slider__pagination .dot__list .dot__item{cursor:pointer;padding:1.25rem .3125rem;transition:background-color .12s}.slider .slider__pagination .dot__list .dot__item:after{aspect-ratio:1/1;background-color:transparent;background-color:hsla(0,0%,75%,.1);border:1px solid #e0e0e0;border-radius:50%;border-radius:1.5625rem;box-shadow:-1.25rem -1.25rem 3.75rem hsla(0,0%,88%,.3),1.25rem 1.25rem 3.75rem hsla(0,0%,100%,.3);content:"";display:inline-block;height:100%;height:auto;left:0;position:"relative";top:0;width:100%;width:8px;z-index:30}@supports(backdrop-filter:none){.slider .slider__pagination .dot__list .dot__item:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.slider .slider__pagination .dot__list .dot__item.is__active:after{background-color:#e0e0e0}@media(min-width:768px){.slider .slider__pagination .dot__list .dot__item{padding:.625rem .3125rem}}.slider .slider__navigation{display:none}@media(min-width:768px){.slider .slider__navigation{display:block;width:100%}.slider .slider__navigation .next,.slider .slider__navigation .prev{cursor:pointer;filter:blur(32px);height:100%;left:0;margin-top:6px;mix-blend-mode:overlay;position:absolute;top:0;transition:.12s ease;transition-property:background-color;width:10%;z-index:300}.slider .slider__navigation .next:hover,.slider .slider__navigation .prev:hover{background-color:hsla(0,0%,88%,.7)}.slider .slider__navigation .next{left:unset;right:0}}.slider .slider__pagination+.slider__track .slider__slide>:first-child{margin-top:3.75rem}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}li,ol,ul{list-style:none}::-webkit-scrollbar{width:.3125rem}::-webkit-scrollbar-track{background-color:hsla(0,0%,75%,.3);border-radius:.15625rem}::-webkit-scrollbar-thumb{background-color:#bebebe;border-radius:.15625rem}body{background:#2d2d2d;color:#e0e0e0;font-family:DM Sans,Inter,sans-serif;font-size:1rem;height:100%;position:relative;text-align:center;width:100%}body.no__scroll{overflow:hidden}body main{width:100%}body main,body main #weather-slider{height:100%}body main #weather-slider .weather-city{display:flex;flex-flow:column;justify-content:space-around;padding:2.5rem 1.25rem 1.25rem;position:relative}@media(min-width:768px){body main #weather-slider .weather-city{flex-flow:row}}body main #weather-slider .weather-city>[class^=city__]{margin:0;padding:1.25rem}@media(min-width:768px){body main #weather-slider .weather-city>[class^=city__]{padding:2.5rem}}body main #weather-slider .weather-city .city__current{align-items:center;display:flex;justify-content:center;min-width:35%;z-index:100}@media(max-width:767px)and (min-height:812px){body main #weather-slider .weather-city .city__current{max-height:50%}}body main #weather-slider .weather-city .city__current .city__current-inner{display:flex;flex-flow:column}body main #weather-slider .weather-city .city__current .city__current-inner .current__location{margin-bottom:.625rem}body main #weather-slider .weather-city .city__current .city__current-inner .current__temp{font-size:10rem;line-height:1}body main #weather-slider .weather-city .city__current .city__current-inner .current__desc,body main #weather-slider .weather-city .city__current .city__current-inner .current__minmax{font-family:DM Mono,DM Sans,Inter,sans-serif}body main #weather-slider .weather-city .city__forecast{background-color:hsla(0,0%,75%,.1);border-radius:1.5625rem;box-shadow:inset -1.25rem -1.25rem 3.75rem hsla(0,0%,88%,.2),inset 1.25rem 1.25rem 3.75rem hsla(0,0%,88%,.2);z-index:100}@supports(backdrop-filter:none){body main #weather-slider .weather-city .city__forecast{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media(min-width:768px){body main #weather-slider .weather-city .city__forecast{padding:1.5625rem 1.25rem 1.5625rem 1.5625rem}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner{display:flex;flex-flow:row;height:100%;overflow-y:auto;position:relative}@media(min-width:768px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner{flex-flow:column;height:100%;padding-right:1.25rem}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day{align-items:center;display:flex;flex-flow:column}@media(min-width:768px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day{flex-flow:row wrap;flex-grow:1;justify-content:space-between;text-align:left}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day:not(:last-child){border-bottom:1px solid hsla(0,0%,75%,.3);margin-bottom:1em}}@media(max-width:767px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day:first-child .forecast__extra h5 span{text-align:left;visibility:visible}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day h6{display:block;font-family:DM Mono,DM Sans,Inter,sans-serif;z-index:50}@media(min-width:768px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day h6{width:100%}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day img{max-width:80px;width:20%}@media(max-width:767px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day img{max-width:unset;width:100%}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra{align-items:center;display:flex;flex-flow:row wrap;width:50%}@media(max-width:767px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra{border-top:1px solid #bebebe;flex-flow:column;height:100%;margin-top:1rem;width:100%}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra.is__active{display:flex;flex-flow:row}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra h5{border-bottom:1px solid hsla(0,0%,75%,.3);font-family:DM Mono,DM Sans,Inter,sans-serif;font-size:.8rem;padding:.5rem 0;width:100%}@media(min-width:768px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra h5{border:none;line-height:1.5;padding-top:0;width:50%}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra h5 br{display:none}}@media(max-width:767px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra h5:last-of-type{margin-top:auto}}body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra h5 span{display:inline-block;font-family:DM Sans,Inter,sans-serif;font-weight:700}@media(max-width:767px){body main #weather-slider .weather-city .city__forecast .city__forecast-inner .forecast__day .forecast__extra h5 span{margin-bottom:.3125rem;visibility:hidden;width:100%}}body main #weather-slider .weather-city .city__bg{background-size:cover;filter:blur(2px) contrast(.8);height:100%;left:0;margin:0;position:absolute;top:0;transition:30ms;width:100%;will-change:transform;z-index:-1}@supports(backdrop-filter:none){body main #weather-slider .weather-city .city__bg{filter:contrast(.8)}}body main #weather-slider .weather-city .city__bg:before{background-color:rgba(19,51,75,.6);content:"";display:inline-block;height:100%;left:0;position:absolute;top:0;width:100%;z-index:30}body main #weather-slider .weather-city .city__waves{bottom:0;flex-grow:1;height:100%;margin-bottom:0;max-height:50%;opacity:.5;padding-top:0;position:absolute;width:100%;z-index:0}@media(min-width:768px){body main #weather-slider .weather-city .city__waves{bottom:0;height:100%;margin:1.5625rem;position:absolute;width:calc(100% - 3.125rem)}}body main #weather-slider .weather-city .city__waves:after,body main #weather-slider .weather-city .city__waves:before{position:absolute}@media(min-width:768px){body main #weather-slider .weather-city .city__waves:after,body main #weather-slider .weather-city .city__waves:before{margin:0}}body main #weather-slider .weather-city .city__waves .wave{bottom:0;color:#e0e0e0;left:-50%;max-height:100%;opacity:.3;position:absolute;transition:transform .3s;width:200%}@media(min-width:768px){body main #weather-slider .weather-city .city__waves .wave{animation:waves 27s linear infinite alternate;bottom:calc(-2.5rem - 2px);filter:blur(8px);left:0;max-height:unset}}body main #weather-slider .weather-city .city__waves .wave:first-child{animation-duration:72s;filter:blur(2px)}body main #weather-slider .weather-city:nth-child(2n) .city__waves .wave{color:#dd6216}body main #weather-slider .weather-city:nth-child(2n) .city__waves .wave:first-child{color:#ffa704}body main #weather-slider .weather-city:nth-child(odd) .city__waves .wave{animation-direction:alternate;color:#13334b;mix-blend-mode:normal;z-index:40}body main #weather-slider .weather-city:nth-child(odd) .city__waves .wave:first-child{color:#005799}body #loader{animation:spin 2s linear infinite;border:5px solid #005799;border-radius:50%;border-top-color:#13334b;height:60px;left:50%;position:absolute;top:50%;transform:translate(-.5,-.5);width:60px;z-index:3000}@keyframes spin{0%{transform:translate(-50%) rotate(0deg)}to{transform:translate(-50%) rotate(1turn)}}@keyframes waves{0%{transform:translateX(0)}to{transform:translateX(-50%)}}