@import url(https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap);.hidden{display:none}.visible{display:block}*{margin:0;padding:0;box-sizing:border-box}body{color:#fff;font-family:"Ubuntu",sans-serif}body,body:before{background:linear-gradient(to bottom right,#0bf,#31d2ff,#009fe6) no-repeat 50%;width:100%}body:before{content:"";display:block;position:fixed;left:0;bottom:0;height:100vh;z-index:-10;background-size:cover}a{text-decoration:none}a,button{color:#fff}button{background:none;border:none;cursor:pointer;font-family:"Ubuntu",sans-serif}@media (min-width:1024px){button:hover{opacity:.7}}input{font-family:"Ubuntu",sans-serif}hr{height:1px;border:none;background-color:hsla(0,0%,100%,.6)}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;flex-direction:column;position:relative}@media (min-width:1024px){header{padding:30px 60px;flex-direction:row}}header h1{font-size:1.8rem;font-weight:400;text-shadow:0 3px 6px rgba(0,0,0,.16);padding-bottom:12px}@media (min-width:1024px){header h1{font-size:2.2rem;padding-bottom:0}}header .favourites{display:flex;align-items:center;font-size:1.3rem;text-shadow:0 3px 6px rgba(0,0,0,.16);position:absolute;margin:20px 5%;right:0;top:2px}@media (min-width:1024px){header .favourites{position:relative;margin:0;right:0;top:0}}header .favourites i{font-size:1.5rem;padding-right:4px}header .favourites span{display:none}@media (min-width:1024px){header .favourites span{display:inline}}header #search-input{background-color:hsla(0,0%,100%,.4);border:none;border-radius:16px;width:100%;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);color:#fff;padding:12px 40px 12px 12px;transition:background-color .5s,box-shadow .5s}@media (min-width:1024px){header #search-input{height:2.5rem;width:40vw;padding:16px;font-size:1.05rem}}header #search-input:-webkit-autofill{-webkit-transition:all 0s 50000s;transition:all 0s 50000s}header #search-input:focus{outline:none;background:hsla(0,0%,100%,.5);box-shadow:0 6px 12px 0 rgba(0,0,0,.2)}header ::-webkit-input-placeholder{color:#fff;font-weight:300}header :-ms-input-placeholder{color:#fff;font-weight:300}header ::placeholder{color:#fff;font-weight:300}header #search-form{position:relative;width:90%}@media (min-width:1024px){header #search-form{width:auto}}header #search-form #search-button{position:absolute;top:50%;transform:translateY(-50%);right:16px;font-size:1.05rem;color:#fff;cursor:pointer}@media (min-width:1024px){header #search-form #search-button{font-size:1.1rem}}.current-weather{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-inline:auto;display:flex;align-items:center;text-shadow:0 3px 6px rgba(0,0,0,.16);margin-top:20vh;position:relative}.current-weather #current-icon{margin-right:8px;width:100px;height:100px;-webkit-filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));filter:drop-shadow(0 3px 6px rgba(0,0,0,.16))}@media (min-width:1024px){.current-weather #current-icon{width:130px;height:130px;margin-right:20px}}.current-weather h2{font-size:1.6rem;font-weight:400}@media (min-width:1024px){.current-weather h2{font-size:2.1rem}}.current-weather .temperature{font-size:2rem}@media (min-width:1024px){.current-weather .temperature{font-size:3.1rem}}.current-weather #current-description{font-weight:lighter;font-size:1.2rem}@media (min-width:1024px){.current-weather #current-description{font-size:1.6rem}}.current-weather .favourites-icon{position:absolute;right:0;top:0;transform:translateX(150%);font-size:1.3rem;text-shadow:0 3px 6px rgba(0,0,0,.16)}@media (min-width:1024px){.current-weather .favourites-icon{font-size:1.5rem}}.current-weather .favourites-icon .full-heart{color:#f31616}.details{background:hsla(0,0%,100%,.4);width:90%;margin-inline:auto;border-radius:16px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);margin-block:80px;text-shadow:0 3px 6px rgba(0,0,0,.16)}@media (min-width:1024px){.details{width:70%}}.details #details-header{text-shadow:0 3px 6px rgba(0,0,0,.16);width:100%;height:100%;text-align:left}.details #details-header .flex-container{display:flex;justify-content:space-between;align-items:center;padding:20px}@media (min-width:1024px){.details #details-header .flex-container{font-size:1.1rem;padding:20px 40px}}.details #details-header h3{font-size:1.5rem;font-weight:400}@media (min-width:1024px){.details #details-header h3{font-size:2rem}}.details #details-content{padding-inline:20px;overflow:hidden;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;transition:max-height .2s ease-out}@media (min-width:1024px){.details #details-content{padding-inline:40px}}.details .active{padding-bottom:20px}.details hr{margin-bottom:20px}.details .details-flex-container{display:flex;justify-content:space-around;flex-direction:column}@media (min-width:768px){.details .details-flex-container{text-align:center;align-items:center;flex-direction:row}}@media (min-width:1024px){.details .details-flex-container{text-align:center;align-items:center;font-size:1.5rem;flex-direction:row}}.details .details-flex-container .details-item{list-style-type:none;padding:0;flex-basis:20%;display:flex;justify-content:space-between;margin:0 0 8px}@media (min-width:768px){.details .details-flex-container .details-item{display:block}}@media (min-width:1024px){.details .details-flex-container .details-item{display:block;justify-content:normal;margin-bottom:0}}.details .details-flex-container h4{font-size:1rem;font-weight:lighter;margin-bottom:4px;padding:0}@media (min-width:1024px){.details .details-flex-container h4{font-size:1.3rem}}.details h4{font-size:1.4rem;font-weight:400;padding:8px 0}@media (min-width:1024px){.details h4{font-size:1.8rem;padding:30px 0 8px}}.details .next-week-list{font-weight:lighter;width:100%}@media (min-width:1024px){.details .next-week-list{font-size:1.2rem}}.details .next-week-list li{display:flex;width:100%;list-style-type:none;padding:4px 0;margin:0;align-items:center;flex-wrap:wrap}.details .next-week-list .day{flex-basis:100%;font-weight:400;text-align:center}@media (min-width:425px){.details .next-week-list .day{margin-right:auto;flex-basis:auto;font-weight:lighter;text-align:left;text-align:initial}}.details .next-week-list .icon-cell{padding-right:4px;min-width:calc(2rem + 8px)}@media (min-width:1024px){.details .next-week-list .icon-cell{padding-inline:8px}}.details .next-week-list .weather-icon{height:2rem;width:2rem;min-width:2rem;-webkit-filter:drop-shadow(0 3px 6px rgba(0,0,0,.16));filter:drop-shadow(0 3px 6px rgba(0,0,0,.16))}.details .next-week-list .weather-description{padding-right:30px;min-width:5rem;margin-right:auto}@media (min-width:425px){.details .next-week-list .weather-description{margin-right:0}}@media (min-width:1024px){.details .next-week-list .weather-description{min-width:6rem}}@media (min-width:425px){.details .next-week-list .max-temp{min-width:3rem}}.details .next-week-list .min-temp{padding-left:8px;color:#ebebeb;font-size:.9rem}@media (min-width:425px){.details .next-week-list .min-temp{min-width:3rem}}@media (min-width:1024px){.details .next-week-list .min-temp{font-size:1rem}}.notification{position:fixed;right:0;bottom:-100px;margin:8px;background-color:rgba(231,0,0,.7);padding:20px;min-width:10%;cursor:pointer;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);transition:bottom .5s,background-color .5s,box-shadow .5s;font-size:1rem;z-index:20}.notification h6{font-size:1.2rem}.notification .close-button{position:absolute;top:0;right:0;font-size:1.1rem;margin:8px}.notification:hover{box-shadow:0 6px 12px 0 rgba(0,0,0,.2);background-color:rgba(231,0,0,.8)}footer{font-size:.8rem;padding-bottom:20px;font-weight:lighter;text-align:center}#dark-overlay{z-index:10;background-color:rgba(0,0,0,.4);left:0;opacity:0;transition:opacity .5s}#dark-overlay,#favourites-container{position:fixed;width:100%;height:100%;top:0}#favourites-container{right:calc(-100% - 100px);z-index:20;background-color:hsla(0,0%,100%,.5);box-shadow:-6px 0 12px 0 rgba(0,0,0,.4);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);text-shadow:0 3px 6px rgba(0,0,0,.16);padding:20px;transition:right .5s;overflow-y:auto}@media (min-width:1024px){#favourites-container{width:40%;transition:right .8s}}#favourites-container .favourites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}#favourites-container .favourites-header #close-favourites{font-size:2rem;text-shadow:0 3px 6px rgba(0,0,0,.16)}#favourites-container .favourites-header h3{font-weight:400;font-size:1.6rem}#favourites-container #favourites-list{list-style-type:none}#favourites-container #favourites-list .favourite-item{display:flex;justify-content:space-between;border:1px solid hsla(0,0%,100%,.6);padding:16px;align-items:center;border-radius:16px;font-size:1rem;cursor:pointer;margin-bottom:8px}#favourites-container #favourites-list .favourite-item .flex-group-left{display:flex;align-items:center}#favourites-container #favourites-list .favourite-item .flex-group-left .icon{width:60px;height:60px;margin-right:12px}#favourites-container #favourites-list .favourite-item .remove-button{font-size:1.3rem}#favourites-container #favourites-list .favourite-item:hover{box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.graph-container{height:200px}#loading-overlay{position:fixed;width:100%;height:100%;z-index:10;top:0;left:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}#loading-overlay .lds-ring{display:inline-block;position:relative;width:80px;height:80px}#loading-overlay .lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:8px solid transparent;border-top-color:#fff}#loading-overlay .lds-ring div:first-child{animation-delay:-.45s}#loading-overlay .lds-ring div:nth-child(2){animation-delay:-.3s}#loading-overlay .lds-ring div:nth-child(3){animation-delay:-.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.b56a6546.chunk.css.map */