body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#83838398}:root{--lef-col-width:33%;--placeholder-color:#323232;--swiper-navigation-size:30px!important;--background-color:linear-gradient(315deg,#65005e 3%,#3c84ce 38%,#30eee2 68%,#ff1919 98%)}*{box-sizing:border-box}html{font-size:62.5%}body{font-family:Space Grotesk,Poppins,Arial,Helvetica,sans-serif;font-size:1.6rem;margin:0}h1,h2,h3,h4,h5,h6{margin-block-end:0;margin-block-start:0}.container{display:flex;min-height:100vh}.col-left{background:#fff;inset:0;padding:4rem;position:fixed;width:33%;width:var(--lef-col-width)}.col-right{background:#f6f6f8;flex:1 1;margin-left:33%;margin-left:var(--lef-col-width);padding:4rem;width:67%;width:calc(100% - var(--lef-col-width))}.input-group{align-items:center;display:flex;margin:2rem 0;position:relative}.input-group .location-icon{color:#323232;font-size:2rem}.input-group span{align-items:center;background:#e7e7e7;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;position:absolute;right:10px;width:35px}.input-group .search-icon{color:#909090;left:10px;position:absolute}.input-group input{background:#f8f8f8;border-radius:6px;font-size:15px;outline:none;padding:1.3rem 4rem;text-transform:capitalize;width:100%}.input-group input::placeholder{color:#323232;color:var(--placeholder-color);font-family:Poppins;font-weight:500}.heading{margin:3rem 0}.weather-icon{background-position:50%!important;background-repeat:no-repeat!important;background-size:contain!important;display:block;height:35%;margin:2rem auto}.temp{display:flex;font-family:Poppins;font-size:10rem;font-weight:300;margin-block-end:0;margin-block-start:0}.temp span{font-size:5rem;font-weight:400;margin-top:20px}.feels-like{color:#7f7f7f;margin-top:-3rem}.day{font-size:3rem}.day span{animation:lights 5s linear .75s infinite;color:#0a0a0a}@keyframes lights{0%{color:#190101;text-shadow:0 0 1em #f0a3,0 0 .125em #ff33bb4d,-1em -.125em .5em #fb30,1em .125em .5em #3bf0}30%{color:#540342;text-shadow:0 0 1em #ff00aa80,0 0 .125em #ff33bb80,-.5em -.125em .25em #fb33,.5em .125em .25em #3bf6}40%{color:#056114;text-shadow:0 0 1em #ff00aa80,0 0 .125em #ffccee80,-.25em -.125em .125em #fb33,.25em .125em .125em #3bf6}70%{color:#aed912;text-shadow:0 0 1em #ff00aa80,0 0 .125em #ff33bb80,.5em -.125em .25em #fb33,-.5em .125em .25em #3bf6}to{color:#b8bee0;text-shadow:0 0 1em #f0a3,0 0 .125em #ff33bb4d,1em -.125em .5em #fb30,-1em .125em .5em #3bf0}}.description{align-items:center;display:flex;font-size:2rem;margin:1rem 0;text-transform:capitalize}.description i{font-size:3rem}.divider{background:#e0e0e0;height:1px;margin:2rem 0;width:100%}.top-header{align-items:center;justify-content:space-between}.top-header,.units,.units span{display:flex}.units span{align-items:center;background:#fff;border-radius:50%;cursor:pointer;font-family:Poppins;font-size:1.8rem;font-weight:500;height:40px;justify-content:center;width:40px}.units span:first-child{margin-right:1rem}.highlight-container{grid-gap:12px;display:grid;flex-wrap:wrap;gap:12px;grid-template-columns:1fr 1fr 1fr;justify-content:space-around}.h-card.sun{justify-content:space-evenly}.h-title{margin-bottom:1rem}.sun-info{align-items:center;display:flex}.sun-info div{display:flex;flex-direction:column;margin-left:1rem}.sun-info span{color:#7f7f7f;font-size:1.4rem}.h-card{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;justify-content:space-between;min-width:150px;padding:1rem}.h-card h1{font-size:3rem}.hl-value{align-items:flex-end;display:flex;margin-top:1rem}.hl-value h1{margin-block-end:0;margin-block-start:0}.hl-value span{color:#7f7f7f;margin-bottom:.5rem;margin-left:.5rem}img{pointer-events:none;-webkit-user-select:none;user-select:none}.city{font-size:2rem;margin:2rem 0;text-transform:capitalize}.loader{display:flex;flex-direction:column}.center{align-items:center;justify-content:center}.loader .spinner{animation:loader .7s linear infinite;border-color:#e720f3 #f85731 #ffc548 #76fa56;border-radius:50%;border-style:solid;border-width:4px;height:40px;width:40px}.loader-text{font-size:1.9rem;margin-top:1rem}.swiper-button-next:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{color:#7f7f7f}@keyframes loader{to{transform:rotate(1turn)}}@media (min-width:1200px){:root{--lef-col-width:25%}.col-right{padding:4rem 8rem}}@media (max-width:980px){.forecast-container{gap:10px;grid-template-columns:1fr 1fr 1fr}.day{font-size:2.3rem}.col-right{padding:2rem}.col-left{padding:1.5rem}}@media (max-width:800px){.col-right{padding:1rem}.col-left{padding:1.5rem}}@media (max-width:750px){.highlight-container{gap:10px;grid-template-columns:1fr 1fr}.description{font-size:1.8rem}.description i{font-size:2rem}.city,.day{font-size:1.8rem}}@media (max-width:600px){.container{display:flex;flex-direction:column}.weather-icon{height:200px;width:100%}.input-group{width:100%}.highlight-container{gap:8px;grid-template-columns:1fr 1fr}.feels-like{margin-top:0}.col-left{align-items:center;display:flex;flex-basis:auto;flex-direction:column;height:auto;position:static;width:100%}.col-left,.col-right{margin:initial;padding:2rem}.col-right{background:#f6f6f8;flex:initial;width:auto}}
/*# sourceMappingURL=main.61382139.css.map*/