.marker_fil2{fill:#000}.marker_fil3{fill:url(#marker_id0)}.marker_fil1{fill:url(#marker_id1)}.marker_fnt0{font-weight:700;font-size:5737.45px;font-family:"Arial"}.main{height:auto;background:#cee7ff;background:hsla(0,0%,84.3%,.515);border-radius:10px;padding:.5rem 2rem;width:92%;margin:.5rem auto 1px;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);box-shadow:0 4px 15px rgba(0,0,0,.312)}.body{background-size:cover;background-repeat:no-repeat;background-position:top}.select-menu{position:absolute;width:310px;left:5%;top:1.5%}.select-menu .select-btn{display:flex;height:25px;width:320px;background:hsla(0,0%,100%,.7137254901960784);padding:20px;font-size:15px;font-weight:400;border-radius:8px;align-items:center;cursor:pointer;justify-content:space-between;box-shadow:0 0 5px rgba(0,0,0,.1)}.select-menu .options{position:absolute;width:295px;overflow-y:auto;max-height:295px;padding:10px;margin-top:10px;border-radius:8px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);display:none;opacity:0;animation-fill-mode:both;z-index:10}.select-menu.active .options{display:block;animation-name:fadeInDown;animation-duration:.35s;opacity:1}.select-menu .options .option{display:flex;height:55px;cursor:pointer;padding:0 16px;border-radius:8px;align-items:center;background:#fff;transition:background .3s ease}.select-menu .options .option:hover{background:#f2f2f2}.select-menu .options .option i{font-size:25px;margin-right:12px}.select-menu .options .option .option-text{font-size:17px;color:#333}.select-btn i{font-size:25px;transition:transform .3s ease}.select-menu.active .select-btn i{transform:rotate(-180deg)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.download-btn{position:absolute;right:3%;top:3%;cursor:pointer;color:green}.button-wrapper,.download-btn{display:flex;align-items:center}.icon{margin-left:5px}.chart-container{max-height:370px;display:flex;justify-content:center;flex-direction:column;width:100%;margin-top:8px;border-collapse:initial;border-spacing:15px;text-align:center;border-radius:15px;color:#333!important}@media (min-width:320px) and (max-width:719px){.main{height:auto;background:#cee7ff;background:hsla(0,0%,84.3%,.515);border-radius:10px;padding:.5rem .8rem;width:98%;margin:.5rem auto 1px;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px);box-shadow:0 4px 15px rgba(0,0,0,.312)}.select-menu .options{width:245px}.select-menu{position:absolute;width:260px;left:5%;top:1.5%}}.weather__body{padding:0 30px;display:flex;justify-content:space-between;font-size:10px;margin:4% 0 0}p{color:#000;font-size:15px}li{font-size:18px}span{color:#000;font-size:17px}.weather__datetime{margin-left:.5rem;font-size:15px;color:#000;font-weight:500}.temp{margin-left:1rem}.weather__feelslike,.weather__humidity{margin-top:0;font-size:14px;color:#000;font-weight:500}.single_line{display:flex}.otherTemp{justify-content:end;grid-gap:35px;gap:35px}.otherTemp,.otherTemp span{display:flex;align-items:center}.otherTemp span{justify-content:space-between;grid-gap:5px;gap:5px}.small-text{font-size:13px}@media (max-width:576px){.small-text{font-size:10px}}.tempUnit{font-size:25px;font-weight:400}.weather__forecast{background:hsla(0,0%,100%,.5);display:inline-block;padding:.5rem 1rem;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 6px rgba(0,0,0,.2)}.weather__icon{display:flex;flex-direction:column;align-items:center}#weatherIcon{position:absolute;height:140px;bottom:78%;right:5%}.temp{display:flex;align-items:center;margin:0;height:50px}.verticalLine{font-size:45px;font-weight:100}.weather_text_icon{font-size:20px}.weather__city{font-size:1.8rem;color:#000;font-weight:600;width:450px}.weather__temperature{font-size:2.5rem;color:#000}.weather__minmax{display:flex;justify-content:center}.weather__minmax p{font-size:14px;margin:.5rem;color:#000}.weather__info{margin-top:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));grid-gap:.5rem;gap:.5rem}.weather__card{display:flex;align-items:center;margin-right:3px;background:hsla(0,0%,100%,.5);padding:.5rem;border-radius:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.weather__card i{font-size:1rem;margin-right:1rem;color:#000}.weather__card div{font-size:15px;color:#000}.img-size{height:50px;width:50px;margin-right:5px}.icon-size{height:30px;width:30px}@media (min-width:937px) and (max-width:1200px){.weather__city{font-size:1.4rem;font-weight:500}.weather__datetime{font-size:14px;margin-left:0}.weather__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.5rem;gap:.5rem}.weather__temperature{font-size:2.3rem}.weather__body{padding:0;margin-top:15%}.verticalLine{font-size:40px;font-weight:200}.otherTemp{display:flex;grid-gap:5px;gap:5px;justify-content:center;align-items:center}.weather__feelslike,.weather__humidity{font-size:13px;font-weight:400}.icon-size{height:20px;width:20px}.weather__card{padding:.1rem}.weather__card i{font-size:.6rem;margin-right:.8rem;color:#000}.weather__card p{font-size:13px;color:#000}.img-size{height:40px;width:40px;margin-right:5px}}@media (min-width:800px) and (max-width:936px){.weather__city{font-size:1.4rem;font-weight:500}.weather__datetime{font-size:14px;margin-left:0}.weather__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.5rem;gap:.5rem}.weather__temperature{font-size:2.3rem}.weather__body{padding:0;margin-top:15%}.verticalLine{font-size:40px;font-weight:200}.otherTemp{display:flex;grid-gap:5px;gap:5px;justify-content:center}.weather__feelslike,.weather__humidity{font-size:13px;font-weight:400}.icon-size{height:20px;width:20px}.weather__card{padding:.1rem}.weather__card i{font-size:.6rem;margin-right:.8rem;color:#000}.weather__card p{font-size:13px;color:#000}.img-size{height:40px;width:40px;margin-right:5px}}@media (min-width:320px) and (max-width:799px){.weather__city{font-size:1.4rem;font-weight:500}.weather__datetime{font-size:14px;margin-left:0}.weather__info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.5rem;gap:.5rem}.weather__temperature{font-size:2.3rem}.weather__body{padding:0;margin-top:15%}.verticalLine{font-size:40px;font-weight:200}.otherTemp{display:flex;grid-gap:5px;gap:5px;justify-content:center;align-items:center}.weather__feelslike,.weather__humidity{font-size:13px;font-weight:400}.icon-size{height:20px;width:20px}.weather__card{padding:.1rem}.weather__card i{font-size:.6rem;margin-right:.8rem;color:#000}.weather__card p{font-size:13px;color:#000}.img-size{height:40px;width:40px;margin-right:5px}}.liveIcon{font-size:19px}.footer{width:100%;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:15px;font-weight:400;box-shadow:0 0 10px rgba(0,0,0,.3);padding:1.5px 0;border-radius:5px}.footer>span{font-size:10px}.chartOuter{overflow:hidden;height:350px;margin-right:-30px;.amcharts-amexport-item.amcharts-amexport-item-level-0{opacity:1;width:unset;line-height:unset;min-height:unset;padding:8px 15px;display:flex;z-index:0;background-color:#fff}.chartInner{margin-bottom:-20px}}.amcharts-amexport-menu .amcharts-amexport-menu-level-1{right:10px!important;padding:10px 0;overflow:hidden;.amcharts-amexport-item{background-color:initial!important;text-align:center;a{padding:5px 20px;&:hover{background-color:light}}}}.dark-theme{.chartOuter svg tspan{fill:#fff}}svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd;width:100%;height:100%}.air2{fill:#fefefe;transform-origin:right;transform:scaleX(0)}#air:hover .air2{fill:#fefefe;transform-origin:right;animation:wipe 2s linear infinite}@keyframes wipe{0%{transform:scaleX(1)}25%{transform-origin:right;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(0)}75%{transform-origin:left;transform:scaleX(0)}to{transform-origin:left;transform:scaleX(1)}}.air3{fill:#ee3341}.air1{fill:#1b75bc;fill-rule:nonzero}.air0{fill:#ee3341;fill-rule:nonzero}.barrage2{fill:#40c8e2}.barrage1{fill:#414143}.barrage0{fill:#636466}.barrage5{fill:#373435;fill-rule:nonzero}.barrage3a,.barrage3b,.barrage3c,.barrage3d{fill:#fff;fill-rule:nonzero;animation:fall 1s linear infinite;animation-play-state:paused}#barrage:hover .barrage3a,#barrage:hover .barrage3b,#barrage:hover .barrage3c,#barrage:hover .barrage3d{animation-play-state:running}#barrage:hover .barrage3b{animation-delay:.3s}#barrage:hover .barrage3c{animation-delay:.6s}#barrage:hover .barrage3d{animation-delay:.9s}@keyframes fall{0%{transform:translateY(-5%);opacity:0}25%{transform:translateY(-5%);opacity:0}50%{transform:translateY(5%);opacity:1}75%{transform:translateY(10%);opacity:0}to{transform:translateY(10%);opacity:0}}.barrage6{fill:url(#id0);transform-origin:92% 0}#barrage:hover .barrage6{transform:scaleY(.3);animation:measure .2s infinite}@keyframes measure{0%{transform:scaleY(.3)}25%{transform:scaleY(.25)}50%{transform:scaleY(.29)}75%{transform:scaleY(.25)}to{transform:scaleY(.3)}}.barrage4{fill:url(#barid1)}.weather0{fill:#fcfcca}.weather1{fill:url(#barid7)}.weather2{fill:url(#barid8)}.weather9{fill:url(#barid0)}.weather7{fill:url(#barid1)}.weather8{fill:url(#barid2)}.weather5{fill:url(#barid3)}.weather4{fill:url(#barid4)}.weather3{fill:url(#barid5)}.weather6{fill:url(#barid6)}#weather:hover .weather0{animation:sun 3s ease infinite;transform-origin:66% 25%}@keyframes sun{0%{transform:scale(1)}50%{transform:scale(.9)}to{transform:scale(1)}}#weather:hover .weather2{transform:translateX(30%);opacity:0;animation:cloud 3s linear infinite;animation-delay:1s}@keyframes cloud{0%,30%{transform:translateX(30%);opacity:0}40%,90%{transform:translateX(0);opacity:1}to{transform:translateX(-30%);opacity:0}}#weather:hover .weather4,#weather:hover .weather8,#weather:hover .weather9{opacity:0;animation:rain 3s linear infinite}#weather:hover .weather3,#weather:hover .weather7{opacity:0;animation:rain 3s linear infinite;animation-delay:.1s}#weather:hover .weather5,#weather:hover .weather6{opacity:1;animation:rain 3s linear infinite;animation-delay:.2s}@keyframes rain{0%,80%{transform:translateY(-50px);opacity:0}90%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}.energy_fil4{fill:none}.energy_fil3{fill:#2c9aa6;transform-origin:50% 29.5%;transition-box:fill-box}#energy:hover .energy_fil3{animation:fans 1s linear infinite}@keyframes fans{0%{transform:rotate(0deg)}to{transform:rotate(120deg)}}.energy_fil1{fill:#4d4d4d}.energy_fil0{fill:#000;fill-rule:nonzero}.energy_fil2{fill:#f35a3b;fill-rule:nonzero}#energy:hover .energy_fil2{animation:bulb 1s linear infinite}@keyframes bulb{0%{fill:#f35a3b}50%{fill:#ff0}to{fill:#f35a3b}}#air,#barrage,#energy,#weather{cursor:pointer}
/*# sourceMappingURL=main.c92ae591.chunk.css.map */