.temp-bar{margin:0!important;padding:10px;position:relative}.temp-bar span{height:5px;display:inline-block;background-color:rgba(4,4,4,.327);border-radius:15px}.temp-bar .active-range{background-image:linear-gradient(45deg,#a0fb6d,#bed213,#f29a3c)}span.today-temp-circle{height:7px;width:7px;background-color:#fff;position:absolute;bottom:16px}.panel{position:absolute;width:35%;height:100%;top:0;right:0;background:hsla(0,0%,43%,.25);box-shadow:0 8px 32px 0 rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.18);z-index:1;padding:3em 2em;overflow-y:scroll}.panel div{margin-bottom:2em}.submit{position:absolute;top:0;right:0;padding:1em;margin:0;border:none;outline:none;background:#fa6d1b;color:#fff;cursor:pointer;font-size:1.2em;transition:.4s}.submit:hover{background:#fff!important;color:#000}.search{background:none;border:none;border-bottom:1px solid #ccc;padding:0 1em .5em 0;width:80%;color:#fff;font-size:1.1em}.search:focus{outline:none}.search::-moz-placeholder{color:#fff}.search::placeholder{color:#fff}.panel ul{padding:0 0 1em 0;margin:2em 0;border-bottom:1px solid #ccc}.panel ul li{color:#ccc;margin:2.5em 0}.panel ul h4{margin:3em 0}.city{display:block;cursor:pointer}.city:hover{color:#fff}.details li{display:flex;justify-content:space-between;align-items:center}table.forecast-table{display:table;min-width:unset!important;margin:0 auto;width:100%}table.forecast-table tr{display:table-row;border-bottom:1px solid #0000003d}table.forecast-table td{display:table-cell}.containerr{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column;padding:2em 3em 4em 3em}.containerr>div{display:flex;justify-content:center;align-items:center}table{display:flex;width:90vw;max-width:750px}td{text-align:justify;font-size:calc(1px * 100vw2)}td,tr{display:flex;flex-direction:column}tr{justify-content:space-evenly}.dateTime{display:flex;flex-direction:row}.upperRow{height:7vh;font-size:3rem}.upperRow>div>img{transform:scale(2)}.left-col{justify-content:flex-start}.middle-col{padding-left:10px}.right-col{align-items:center}.temp{font-size:6rem;margin:0}.name{font-size:10px}.left-col{width:25%}.middle-col{width:auto}.right-col{width:25%}@media screen and (max-width:500px){.temp{font-size:4rem;margin:0}.name{font-size:10px}.left-col{width:25%}.middle-col{width:45%}.right-col{width:20%}}a.more-details-btn{font-size:15px;position:absolute;bottom:10px;text-decoration:none;color:#fa6d1b}.col-more{width:3vw}.btn-more{height:7vh;width:7vh;border-radius:10px;position:absolute;transform:translateY(-20vh);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;transition:all .5s;background:rgba(0,0,0,.3)}.btn-more>i{transform:rotate(90deg)}.btn-more:hover{background:rgba(0,0,0,.5);color:#fa6d1b;transform:scale(1.1) translateY(-20vh)}@media screen and (max-width:500px){.btn-more{transform:translate(7vw,-15vh)}.right-col{width:8%}.containerr{left:-15px}.btn-more:hover{transform:scale(1.1) translate(7vw,-15vh)}}body{margin:0;font-family:Rubik,sans-serif;background:#111;overflow-x:hidden}*{box-sizing:border-box}h1,h2{font-weight:400}.weather-app{min-height:100vh;background-size:cover;background-repeat:no-repeat;background-position:50%;color:#fff;position:relative;overflow-x:hidden}.weather-app>img{-o-object-fit:cover;object-fit:cover;width:100%;height:100vh;position:absolute;visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear}.weather-app:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);z-index:0}@media screen and (max-width:800px){.containerr,.panel{position:relative;width:100%;top:auto}}@media screen and (max-width:500px){html{font-size:16px}}@media screen and (max-height:300px){.weather-app{min-height:40em}}.loader-container{background-image:url(/img/suunyday.91d2cd3e.jpg);width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;transition:all .5s}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:#fff;-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:first-child{left:8px;-webkit-animation:lds-ellipsis1 .6s infinite;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px}.lds-ellipsis div:nth-child(2),.lds-ellipsis div:nth-child(3){-webkit-animation:lds-ellipsis2 .6s infinite;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px}.lds-ellipsis div:nth-child(4){left:56px;-webkit-animation:lds-ellipsis3 .6s infinite;animation:lds-ellipsis3 .6s infinite}@-webkit-keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@-webkit-keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@-webkit-keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}