#map{display:none}*{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;text-size-adjust:none;height:100%;font-size:62.5%;overflow-x:hidden}body{height:100vh;min-height:100vh;padding:0;font-family:Noto Sans,sans-serif}.mainpage{flex-direction:column;justify-content:space-between;max-width:90rem;min-height:100vh;margin:0 auto;display:flex}.mainpage-exclude--footer{min-height:100%}.header{background-image:linear-gradient(90deg,#80ced7,#007da7db);border-bottom-right-radius:3rem;border-bottom-left-radius:3rem;justify-content:space-between;align-items:center;margin:0 0 2.4rem;padding:1.2rem;display:flex;position:relative}.title{color:#003249;font-family:Lobster,sans-serif;font-size:4.8rem}.search{color:#003249;border:none;border-radius:3rem;min-width:40rem;padding:1rem 2rem;font-size:2.4rem}.searchbar{margin-top:.5rem;margin-right:4.2rem;position:relative}.btn-search{background-color:#0000;border:none;width:2rem;height:2rem;position:absolute;bottom:18px;right:20px}.btn-icon{color:#003249;width:3rem;height:3rem;position:absolute;top:0;left:0}.search-icon:hover{color:#80ced7}.bookmark-container{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#80ced78f;border-radius:50%;width:6rem;height:6rem;position:absolute;top:79%;right:2%}.bookmark-list{z-index:100000;background-color:#fff;border:2px solid #000;border-radius:3rem;width:25rem;min-height:10rem;max-height:25rem;transition:all 3s;position:absolute;top:80px;right:180px;overflow:scroll}.bookmark-list-hidden{display:none}.bookmark-list li{cursor:pointer;margin-top:1rem;padding-left:2rem;font-size:2rem;list-style:none;transition:all .3s}.bookmark-list li:last-child{margin-bottom:1.4rem}.bookmark-list li:hover{background-color:#80ced7}.search--bookmark{justify-content:space-around;display:flex}.bookmark-icon-container{width:4rem;height:4rem;transition:all .3s;position:absolute;top:25px;right:10px}.bookmarks-list-icon{cursor:pointer;padding:.5rem;transition:all .3s}.bookmarks-list-icon:hover{cursor:pointer;scale:1.1}.bookmark-icon{cursor:pointer;padding:.5rem;transition:all .3s;scale:.7}.bookmark-icon:hover{scale:.8}.bookmark-icon:active{scale:.6}.location-grid{border-radius:3rem;grid-template-columns:1fr 2fr;gap:2.4rem;margin-bottom:3.2rem;display:grid;overflow:hidden;box-shadow:0 0 10px #0000000e}.location-info-flex{background-color:#80ced7;align-items:center;display:flex}.location-temp-main,.location-icon-main{height:9.8rem;display:block}.location-temp-main{color:#003249;align-items:start;display:flex}.location-temp-main:hover{cursor:pointer}.location-icon-main{background-color:#ffffff7c;border-radius:50%;margin-top:1rem;margin-bottom:1rem;margin-left:1rem;scale:.9;box-shadow:3px 3px 10px #00000024}.icon{height:9.8rem;scale:1.5}.temp-main{padding-top:1rem;padding-bottom:1rem;font-size:5.6rem;font-weight:600;position:relative}.temp-unit-main{padding-right:.2rem;font-size:2.4rem}.temp-unit-container{color:#6f6f6f;padding-top:2.6rem;padding-right:1.4rem;font-size:1.2rem}.temp-unit--active{color:#003249;font-size:1.8rem}.location-details-main{padding:1.2rem 0 0 1.2rem;font-size:1.6rem;line-height:1.6}.figcaption-img{z-index:999;color:#fff;background-color:#003249c7;padding:.4rem 1.2rem;font-size:1.2rem;position:absolute;top:29.8rem;left:0}.figcaption-img a{z-index:999;color:#fff;background-color:#003249c7;font-size:1.2rem}.location-img-container{height:32rem;position:relative}.spinner{margin:1rem 1rem 8rem 20rem}.spinner svg{fill:#003249;width:12rem;height:12rem;animation:2s linear infinite rotate}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skeleton{animation:1s linear infinite alternate skeleton-loading}@keyframes skeleton-loading{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}.location-img-container--loading{z-index:999;background-color:red;min-height:32rem}.location-img-display-none{display:none}.location-img{max-width:100%;animation:3s forwards fade-in;position:relative}.location-name-time{z-index:99;background-image:linear-gradient(90deg,#80ced7,#007da795);justify-content:space-between;width:100%;padding:1.4rem 1.2rem;font-size:2.4rem;display:flex;position:absolute}.day-time{text-align:center;background-color:#fff;border-radius:3rem;min-width:24rem;padding:0 1.2rem;display:none}.day-time--active{animation:1s forwards fade-in-color;display:block}@keyframes fade-in-color{0%{color:#fff}to{color:#003249}}@keyframes fade-out-color{0%{color:#003249}to{color:#fff}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{}}.day-container-outer,.forecast-hourly-div{position:relative}.btn-scroll{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;color:#003249;cursor:pointer;background-color:#ffffffb1;border-style:none;width:4rem;height:28rem;font-size:8rem;transition:all .3s;position:absolute}.btn-left{border-top-left-radius:3rem;border-bottom-left-radius:3rem;top:0;left:0}.btn-right{border-top-right-radius:3rem;border-bottom-right-radius:3rem;top:0;right:0}.btn-scroll:hover{background-color:#82828232;font-size:9rem}.btn-scroll:active{font-size:7rem}.forecast-daily{padding-bottom:4.8rem;position:relative}.forecast-container{border-radius:3rem;padding:3rem 0}.forecast-selection{text-align:center;color:#003249;border:3px solid #80ced7;border-radius:3rem;min-width:20rem;margin-bottom:3.2rem;margin-left:6rem;padding:1rem 1.6rem;font-size:1.8rem}.forecast-days-container{overscroll-behavior-inline:contain;border-radius:3rem;grid-auto-flow:column;height:28rem;padding:3rem;display:grid;overflow-x:auto;box-shadow:.01rem 2rem 1.8rem #00000013}.forecast-days-container::-webkit-scrollbar{display:none}.forecast-days-container{-ms-overflow-style:none;scrollbar-width:none}.forecast-hour-container::-webkit-scrollbar{display:none}.forecast-hour-container{-ms-overflow-style:none;scrollbar-width:none}.forecast-day-box{border-radius:3rem;flex-direction:column;align-items:center;width:12rem;height:22rem;transition:all .3s;display:flex;scale:.95}.forecast-day-box:hover{cursor:pointer;background-color:#80ced724;scale:1;box-shadow:0 0 10px #0000000e}.forecast-day-box--active{box-shadow:0 0 10px #0000000e;background-color:#80ced7!important}.forecast-days-container .forecast-day-box:last-child{margin-right:2rem}.forecast-days-container .forecast-day-box:first-child{margin-left:3rem}.forecast-day{margin-top:1rem;font-size:2.4rem;font-weight:500}.days-box-temps-container{gap:1rem;display:flex}.temp-day-high{font-size:1.8rem}.temp-day-low{font-size:1.7rem}.days-description{width:100%;margin:auto;font-size:1.4rem}.days-description-container{text-align:center;margin:auto;padding-bottom:1rem}.forecast-hour-container{overscroll-behavior-inline:contain;border-radius:3rem;grid-auto-flow:column;gap:2rem;height:28rem;margin-bottom:10rem;padding:3rem;display:grid;overflow-x:auto;box-shadow:.01rem 2rem 1.8rem #00000013}.forecast-hour-box{border-radius:3rem;flex-direction:column;align-items:center;width:12rem;height:18rem;margin-top:4rem;font-size:1.6rem;transition:all .3s;display:flex;scale:.9;box-shadow:.01rem 2rem 1.8rem #00000013}.forecast-hour-box:hover{scale:1}.forecast-hour-time{margin-top:1rem;font-size:2rem;font-weight:500}.temp-hour{font-size:2rem}.forecast-hour-container .forecast-hour-box:last-child{margin-right:2rem}.forecast-hour-container .forecast-hour-box:first-child{margin-left:2rem}.footer{clear:both;background-image:linear-gradient(90deg,#80ced7,#007da7db);border-top-left-radius:3rem;border-top-right-radius:3rem;height:10rem;position:relative}.footer-text{margin-left:3rem;padding-top:2rem;font-size:1.2rem}#map{height:90rem}
/*# sourceMappingURL=index.e566dfc0.css.map */