@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);html{touch-action:manipulation;font-family:"Montserrat",sans-serif;font-size:62.5%;font-weight:400;letter-spacing:.5px;line-height:1.618}.logo{font-size:2rem;font-style:italic;font-weight:300}h2{font-size:2.4rem;margin-bottom:.5rem}h2,h3{font-weight:600}h3{font-size:1.8rem}p{font-weight:300}p span{font-weight:400}.overview-location{font-size:4rem;font-weight:500;text-align:center}.overview-condition{font-size:3.2rem;font-weight:500;text-align:center}.overview-min-max-temp,.overview-region{font-size:1.6rem;font-weight:500}.overview-temp{font-size:12rem;font-weight:600;line-height:1.2}.group span{text-transform:capitalize}.group span.value{font-weight:600}.day{font-size:1.8rem;font-weight:500}.chance,.temp{font-size:1.6rem;font-weight:500}.speed,.volume{font-size:1.4rem;font-weight:600;line-height:1.4}.time,.times-and-dates{font-weight:300}.btn,button{font-size:1.6rem}@media(max-width:420px){.overview-temp{font-size:6rem}.overview-condition{font-size:2.4rem}h2{font-size:1.6rem}h3{font-size:1.4rem}.day{font-size:1.6rem}.times-and-dates{font-size:1.4rem}}@media(max-height:420px){.overview-temp{font-size:6rem}.overview-condition{font-size:2.4rem}h2{font-size:1.6rem}h3{font-size:1.4rem}.day{font-size:1.6rem}.times-and-dates{font-size:1.4rem}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}ol,ul{list-style:none}a{text-decoration:none}body{width:100%;font-size:1.6rem;color:#1a1a1a}@media(max-width:420px){body{font-size:1.4rem}}@media(max-height:420px){body{font-size:1.4rem}}footer,nav{padding:2rem 4.8rem}@media(max-width:768px){footer,nav{padding:2rem 2.4rem}}@media(max-width:420px){footer,nav{padding:2rem 1.6rem}}@media(max-height:420px){footer,nav{padding:2rem 1.6rem}}header,section{padding:4.8rem}@media(max-width:768px){header,section{padding:4.8rem 2.4rem}}@media(max-width:420px){header,section{padding:2.4rem 1.6rem}}@media(max-height:420px){header,section{padding:2.4rem 1.6rem}}.container{margin:0 auto;width:100%;height:100%;max-width:180rem}input.overview-location{width:100%;padding:0;color:#fff;background-color:transparent;border:1px solid transparent;outline:none;transition:.4s}input.overview-location:hover{cursor:pointer}input.overview-location:focus,input.overview-location:hover{background-color:rgba(0,0,0,.4)}input.overview-location::placeholder{color:#fff}input[type=radio]{margin-right:1.6rem;width:2.5rem;height:2.5rem}input[type=radio],label{cursor:pointer;display:inline-block}@media(max-width:420px){input.overview-location{font-size:2.4rem}}@media(max-height:420px){input.overview-location{font-size:2.4rem}}.btn,button{font-family:"Montserrat",sans-serif;font-weight:500;letter-spacing:1px;padding:1.6rem 3.2rem;border:none;border-radius:4px;outline:none;cursor:pointer;transition:color .4s ease}.btn.dark,button.dark{color:#fff;background-color:#1678ce}.app,.btn.block,button.block{width:100%}.app{min-height:100vh;background-color:#f2f2f2;overflow-x:hidden}nav{position:fixed;top:0;left:0;width:100%;background-color:transparent;z-index:10;transition:.4s}nav,nav .container{display:flex;align-items:center}nav .container{justify-content:space-between}nav .container a{color:#f2f2f2;cursor:pointer}nav .container a.settings{display:flex;justify-content:center;align-items:center}nav .container a.settings svg{width:2.4rem;height:2.4rem}header{position:relative;height:100vh;background-position:50%;background-size:cover;background-attachment:fixed;background-color:#1678ce}header .container{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:2}header .container .scroll-down{color:#fff}header .container .scroll-down svg{width:2.4rem;height:2.4rem}header:after{display:block;width:100%;height:100%;content:"";position:absolute;top:0;left:0;background-color:rgba(22,120,206,.6);z-index:1}.overview{margin-top:8rem;padding:2rem;width:100%;max-width:60rem;height:max-content;text-align:center;color:#fff}.overview-min-max-temp{display:flex;justify-content:center}.overview-min-max-temp div{padding:0 1rem}.overview-min-max-temp span{margin-left:.5rem}@media(max-height:420px){.overview{margin-top:4rem}}.groups{margin-top:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));grid-gap:3rem;gap:3rem}.groups .group{width:100%;padding:3rem;color:#fff;background-color:#1678ce;box-shadow:0 2px 7.5px rgba(0,0,0,.2),0 7.5px 15px rgba(0,0,0,.2)}.groups .group-list{margin-top:1rem}.groups .group-list>:not(:last-child){margin-bottom:.5rem}.groups .group-list-item{display:flex;justify-content:space-between}@media(max-width:420px){.groups{margin-top:1.6rem;grid-gap:1.6rem;gap:1.6rem}}@media(max-height:420px){.groups{margin-top:1.6rem;grid-gap:1.6rem;gap:1.6rem}}.days{background-color:#000;color:#fff}.days .container .links{margin-bottom:.5rem}.days .container .links>:not(:last-child){margin-right:1.6rem}.days .container .links .day{cursor:pointer}.days .container .links .day.active{color:#1678ce}.days .container .times-and-dates{display:block;color:#e6e6e6}.hourly-weather-slider{justify-self:flex-end;max-width:100%;overflow-x:auto;-webkit-user-select:none;user-select:none;background-color:transparent}.hourly-weather-slider::-webkit-scrollbar{display:none}.hourly-weather-slider .items{margin-top:3rem;position:relative;top:0;left:0;width:max-content;display:flex;cursor:grab}.hourly-weather-slider .items>:not(:last-child){margin-right:2rem}.hourly-weather-slider .items .item-card{display:flex;flex-direction:column;align-items:center}.hourly-weather-slider .items .item-card>:not(:last-child){margin-bottom:1rem}.hourly-weather-slider .items .item-card .volume{color:#1678ce}.hourly-weather-slider .items .item-card img{width:6.4rem;height:6.4rem}.hourly-weather-slider .items .item-card .icon.droplet{padding:0 1rem}.hourly-weather-slider .items .item-card .icon.wind{padding:0 1.5rem}.hourly-weather-slider .items .item-card .droplet-icon{width:4.4rem;height:4.4rem}.hourly-weather-slider .items .item-card .droplet-icon path{stroke-width:10px}.hourly-weather-slider .items .item-card .droplet-icon .st0{stroke:#929497;fill:none}.hourly-weather-slider .items .item-card .droplet-icon .st1{fill:#fff}.hourly-weather-slider .items .item-card .droplet-icon .st2{stroke:#1678ce;fill:#1678ce}.hourly-weather-slider .items .item-card .wind-icon{width:3.4rem;height:3.4rem;fill:#1678ce}p span{margin:0 .5rem}.daily-total{margin-top:3rem}section.settings{min-height:100vh}section.settings .container{margin-top:5rem}section.settings .container .setting{margin-top:.2rem;background-color:#fff;padding:2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}section.settings .container .setting-content{display:flex;align-items:center}section.settings .container .setting-icon{margin-right:1.6rem;height:5rem;display:flex;justify-content:flex-start;align-items:flex-start}section.settings .container .setting-icon svg{width:2.5rem;height:2.5rem}section.settings .container .setting-text p{color:#1678ce}section.settings .container .setting .status{transform:rotate(0);transition:.4s}section.settings .container .setting.active .status{transform:rotate(180deg)}section.settings .container .setting-options{background-color:#fff;padding:0 2rem}section.settings .container .setting-options .option{padding:2rem 0;border-top:1px solid #f2f2f2}section.settings .container .setting-options .option .radio-button{display:flex;align-items:center}.not-found{min-height:100vh;display:grid;place-content:center}.not-found h2{font-size:8rem;line-height:1}.not-found button{display:block;margin-top:4rem}.loader{display:flex;flex-direction:column;justify-content:center;align-items:center}.loader .spinner{width:5rem;height:5rem;border-radius:50%;border-color:transparent #cf6d17;border-style:solid;border-width:4px;animation:spin 1s linear infinite forwards}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.message{position:fixed;bottom:-30rem;left:2rem;width:100%;max-width:max-content;padding:4rem;color:#1a1a1a;background-color:hsla(0,0%,100%,.9);z-index:9;transition:1s}.message.active{bottom:2rem}.message h3{margin-bottom:1rem;text-transform:capitalize}.message .btn{margin-top:3rem}footer{background-color:#000}footer .container{font-size:1.2rem;display:flex;justify-content:space-between;flex-wrap:wrap;color:#f2f2f2}footer a{color:#f2f2f2;text-decoration:underline}
/*# sourceMappingURL=main.54327fd2.chunk.css.map */