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}*{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{-webkit-margin-before:0;-webkit-margin-after:0;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:none;border-radius:6px;font-size:15px;outline:none;padding:1.3rem 4rem;text-transform:capitalize;width:100%}.input-group input::-webkit-input-placeholder{color:#323232;color:var(--placeholder-color);font-family:Poppins;font-weight:500}.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{-webkit-margin-before:0;-webkit-margin-after:0;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{color:#7f7f7f}.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}.forecast-container{grid-gap:12px;grid-template-columns:1fr 1fr 1fr 1fr}.forecast-container,.highlight-container{display:grid;flex-wrap:wrap;gap:12px;justify-content:space-around}.highlight-container{grid-gap:12px;grid-template-columns:1fr 1fr 1fr}.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}.forecast-card{align-items:center;background:#fff;border-radius:20px;display:flex;flex-direction:column;height:20rem;justify-content:space-between;min-width:150px;padding:1rem}.forecast-day{margin-bottom:1rem}.forecast-day span{color:#7f7f7f;font-size:1.4rem}.forecast-description{color:#7f7f7f;font-size:1.3rem;text-align:center}.minmax-temp span{color:#7f7f7f;margin-left:1rem}.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{-webkit-margin-before:0;-webkit-margin-after:0;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{-webkit-animation:loader .7s linear infinite;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}.footer{display:flex;flex-wrap:wrap;padding-top:4rem}.footer a{align-items:center;color:#4a4a4a;display:flex;margin:1rem;text-decoration:none;transition:all .3s}.footer a:hover{opacity:.8}.footer a span{margin-left:.4rem}.swiper-button-next:after,.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{color:#7f7f7f}@-webkit-keyframes loader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loader{to{-webkit-transform:rotate(1turn);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){.forecast-container,.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%}.forecast-container{gap:10px;grid-template-columns:1fr 1fr}.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}}@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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")}:root{--swiper-theme-color:#007aff}.swiper{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-pointer-events{touch-action:pan-y}.swiper-pointer-events.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:height,-webkit-transform;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-theme-color);color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:44px;height:var(--swiper-navigation-size);justify-content:center;margin-top:-22px;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;width:27px;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:44px;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{left:auto;right:10px}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-button-lock{display:none}
/*# sourceMappingURL=main.5ee0cc0e.css.map*/