main{height:100vh;width:100vw;display:flex;flex-direction:row;justify-content:center;align-items:center;position:relative}main .weather{position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%;width:100%;padding:6vh}.weather .weather-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:8px}.weather .weather-container .current-n-glimpse{gap:8px;width:100%;height:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}.weather .weather-container .current-n-glimpse .greeting-container{gap:8px;width:100%;height:80%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}:root{--primary-color: 255, 255, 255;--black-color: 0, 0, 0}*,:after,:before{box-sizing:border-box;padding:0;margin:0;height:auto;width:auto}.bg-container{width:100vw;height:100vh}.bg-container .bg-img{object-fit:cover;width:100%;height:100%}.bg-container .overlay{position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-image:radial-gradient(rgba(var(--black-color),0),rgba(var(--black-color),.3) 7%,rgba(var(--black-color),.36))}.card{opacity:50%;width:33vh;height:35vh;padding:27px;border-radius:1.6em;color:#fff;background-image:radial-gradient(#0000,#00000030);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.card .title,.body,.footer{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;height:fit-content}.card .footer{flex-direction:row}.stat{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.temp-stat{padding:4px 0;width:100px;height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.temp-stat p{font-weight:600;font-size:15px}.bottom-border-1-white{border-bottom:1px solid white}.favorite{width:24%;height:100%}.favorite .head{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.favorite .head p{width:100%;font-size:23px;font-weight:600}.favorite .temprature{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.favorite .temprature .measures{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.favorite .temprature .measures .value{font-size:80px}.favorite .temprature .measures .description{font-size:25px}.hero{width:48%;height:100%}.hero .head{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}.hero .head .main-title{font-size:24px}.hero .head .sub-title{font-size:20px}.hero .temprature{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.hero .temprature .value{font-size:105px}.hero .temprature .description{font-size:25px}.search-container{width:40%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;position:relative}.locationList{position:absolute;z-index:10;top:40px;width:100%;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 10px;border-bottom-left-radius:25px;border-bottom-right-radius:25px;background-color:#000000a6}.locationList>p{cursor:pointer;width:100%;color:#fff;padding:10px 0 10px 10px;border-bottom:.1px solid #ffffff81}.active-searchBox{background-color:#000000a6!important;border-bottom:.1px solid #ffffff81!important;border-radius:25px 25px 0 0!important}.search-wrapper{width:100%;height:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;position:relative}.searchbox{background-color:#00000040;color:#fff;padding:20px;font-size:15px;font-weight:500;border:0;border-radius:10em;height:40%;width:40%}.searchbox:focus{outline:0}.searchbox::-webkit-search-cancel-button{appearance:none}.clear{color:#ffffff70;background-color:#0000;border:0;width:min-content;height:min-content;font-size:30px;font-weight:100;position:absolute;right:3%;top:3px;transform:rotate(45deg)}.searchbox::placeholder{font-weight:550}.greeting{width:24%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.wishing{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10%;width:100%;height:100%}.wishing p{font-size:3em}.align-items-start{align-items:flex-start!important}.stat-col{flex-direction:column!important;justify-content:space-evenly;gap:10px;width:auto!important;padding:10px 0}.history-chip{color:#fff;background-image:radial-gradient(#fff0,#66666630);border-radius:9px;padding:8px;width:128px;display:flex;flex-direction:column;justify-content:center;align-items:center}.head{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.dayTime{font-size:15px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.day{font-size:17px;width:50%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:5%}.icon-temp{padding:2px 3px;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.icon-temp .temp{font-size:16px;width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}.icon-temp .temp .min-temp{font-size:15px}.history{height:100%;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px}.history .records{height:100%;width:100%;gap:15px;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.btnWrapper{position:relative}.navBtn{cursor:pointer;border-radius:9px;position:absolute;display:flex;flex-direction:row;justify-content:center;align-items:center;width:41px;height:70px;background-color:#00000030}.prev{left:-10px}.next{right:-10px}