.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"}.compass_fil0{fill:#000}.compass_fil8{fill:#00f}.compass_fil7{fill:rgba(0,0,0,.4)}.compass_fil5{fill:#bf9902}.compass_fil9{fill:red}.compass_fil2{fill:#ff0}.compass_fil6{fill:#fff}.compass_fil4{fill:#00f;fill-rule:nonzero}.compass_fil1{fill:#1a1a1a;fill-rule:nonzero}.compass_fil3{fill:red;fill-rule:nonzero}.compass_fil10{fill:#fff;fill-opacity:.4}.compass_vibrate2,.compass_vibrate_shadow2{transition:all 2s}.compass_vibrate,.compass_vibrate_shadow{-webkit-transform:rotate(-69deg);transform:rotate(-69deg);-webkit-animation:vibrate .3s infinite;animation:vibrate .3s infinite}.compass_vibrate{-webkit-transform-origin:50.8% 49.4%;transform-origin:50.8% 49.4%}.compass_vibrate_shadow,.compass_vibrate_shadow2{-webkit-transform-origin:52% 52%;transform-origin:52% 52%}.compass_vibrate2{-webkit-transform-origin:50.8% 49.4%;transform-origin:50.8% 49.4%}@-webkit-keyframes vibrate{0%,to{-webkit-transform:rotate(-68.5deg);transform:rotate(-68.5deg)}50%{-webkit-transform:rotate(-69.5deg);transform:rotate(-69.5deg)}}@keyframes vibrate{0%,to{-webkit-transform:rotate(-68.5deg);transform:rotate(-68.5deg)}50%{-webkit-transform:rotate(-69.5deg);transform:rotate(-69.5deg)}}.mapMode{background-color:#fff;grid-gap:5px;gap:5px;padding:10px}.mapMode>.mapModeBtn{text-align:center;padding:5px;cursor:pointer;font-size:12px;font-weight:700;color:#000;background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.02);border-radius:50px}@media only screen and (min-width:544px){.mapMode{background-color:#fff;grid-gap:10px;gap:10px;padding:10px}.mapMode>.mapModeBtn{padding:10px;font-size:12px}}@media only screen and (min-width:768px){.mapMode{background-color:#fff;grid-gap:10px;gap:10px;padding:10px}.mapMode>.mapModeBtn{padding:10px;font-size:16px}}.mapMode>.mapModeBtn.active{background-color:#1b75bc;color:#fff;background-image:linear-gradient(45deg,#004225,#00910c)}.mapMode>.mapModeBtn:hover{box-shadow:0 5px 10px 0 rgba(0,0,0,.1);background-color:#fff}.lastUpdate{position:absolute;left:0;right:0;top:0;z-index:1}.mapSideBar,.markerPopup,.popupCompare{position:absolute;z-index:1;top:25px;bottom:30px;left:10px;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.mapSideBar{width:120px}.mapSideBar>.arrowButton{position:absolute;top:10px;left:120px;width:30px;text-align:right;height:40px;background-color:#fff;border-radius:0 8px 8px 0}@media only screen and (min-width:544px){.mapSideBar,.markerPopup,.popupCompare{width:250px}.mapSideBar>.arrowButton{left:250px}}.mapSideBar>.arrowButton:hover{width:40px}.mapSideBar>.typeList{overflow:auto;height:calc(100% - 60px)}.mapSideBar>.typeList>label{display:flex;width:100%;justify-content:space-between;align-items:center;padding:10px 20px;margin:0;border-top:1px solid #efefef;font-weight:700;font-size:12px}.mapSideBar>.typeList>label:hover{background-color:#efefef}.mapSideBar>.typeList>label>.img{width:30px;height:30px}@media only screen and (min-width:544px){.mapSideBar>.typeList>label{font-size:unset}.mapSideBar>.typeList>label>.img{width:50px;height:50px}}.markerPopup{left:unset;right:65px;bottom:23px;width:unset;-webkit-animation:markerPopup .5s;animation:markerPopup .5s}@-webkit-keyframes markerPopup{0%{opacity:0;-webkit-transform:translateX(100%) scale(.8);transform:translateX(100%) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}@keyframes markerPopup{0%{opacity:0;-webkit-transform:translateX(100%) scale(.8);transform:translateX(100%) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1);transform:translateX(0) scale(1)}}.popupCompare{left:50%;right:unset;bottom:unset;top:50%;width:95%;-webkit-animation:popupCompare .5s;animation:popupCompare .5s;-webkit-transform:translateY(-50%) translateX(-50%) scale(1);transform:translateY(-50%) translateX(-50%) scale(1)}@-webkit-keyframes popupCompare{0%{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale(.8);transform:translateY(-50%) translateX(-50%) scale(.8);top:0}to{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%) scale(1);transform:translateY(-50%) translateX(-50%) scale(1);top:50%}}@keyframes popupCompare{0%{opacity:0;-webkit-transform:translateY(-50%) translateX(-50%) scale(.8);transform:translateY(-50%) translateX(-50%) scale(.8);top:0}to{opacity:1;-webkit-transform:translateY(-50%) translateX(-50%) scale(1);transform:translateY(-50%) translateX(-50%) scale(1);top:50%}}.markerPopup .closeBtn{border-radius:0 8px 0 0}.markerPopup>.titleName{float:left}#fullscreenBtn{z-index:1;position:absolute;top:28px;right:10px;color:#565656;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);font-size:18px;padding:0 13px;line-height:25px;border-radius:3px;border:0;height:40px}#fullscreenBtn:hover{color:#333}#comparisonBtn{z-index:1;position:absolute;top:25px;right:60px;color:#565656;background-color:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);font-size:18px;padding:0 13px;line-height:25px;border-radius:3px;border:0;height:40px}#comparisonBtn:hover{color:#333}.multiSelectTag:hover:after{font-family:"Font Awesome 5 Free";content:"\f057";margin-left:5px}.rainLegends,.waterVapourLegends{text-align:center;display:flex;flex-wrap:wrap;background-color:hsla(0,0%,100%,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:absolute;bottom:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);padding:5px 10px;border-radius:30px}.rainLegends{min-width:265px}.waterVapourLegends{padding:10px 0;min-width:230px}.rainLegends>div{padding:0 10px}.rainLegends>div>span{color:#000;font-size:12px;font-weight:700}.rainLegends>div>ul{display:flex;width:100%;justify-content:space-between;margin:0;grid-gap:3px;gap:3px}.rainLegends>div>ul>li{font-size:8px}@media only screen and (min-width:768px){.rainLegends{padding:10px 0}.rainLegends>div{padding:0 20px}.rainLegends>div>span{font-size:16px}.rainLegends>div>ul>li{font-size:14px}.rainLegends>div>ul{grid-gap:5px;gap:5px}}.waterVapourLegends{padding:20px;flex-direction:column;color:#323232;font-size:16px;font-weight:700}.waterVapourLegends>ul{display:flex;border-radius:10px;overflow:hidden;width:300px}.waterVapourLegends>ul>li{flex:1 1;height:10px}.waterVapourLegends>.title{text-align:center}.waterVapourLegends>.smallLegends{width:100%}.satelliteLegends{color:#fff;background-color:rgba(0,0,0,.5)}.weatherSummaryCard{color:#fff;background-image:radial-gradient(circle at 80% 0,#00910c,#004225);border-radius:15px;height:100px;padding:15px 0}.localState{margin-top:-10px}.weatherStatus{display:flex;align-items:center;justify-content:center;line-height:10px}.weatherStatus>img{width:30px!important}.weatherStatus>h1{color:#fff;font-weight:lighter;font-size:12px;margin:0;width:100%}.weatherStatus>i{font-size:10px;line-height:10px}.seperator{border-left:2px solid #fff;border-radius:10px;height:50px;-webkit-transform:rotate(30deg);transform:rotate(30deg);margin:0 20px}.tempArea>h1{font-size:30px;margin:0;line-height:30px;font-weight:lighter;color:#fff}.feelLikeCont>h2,.moreBtn,.tempArea>h2{color:#fff;font-weight:lighter;font-size:8px;margin:0;text-align:center;z-index:1}.feelLikeCont{display:inline-block}.feelLike{border:2px solid #fff;border-radius:100px;width:35px;height:35px}.feelLike>h1{font-size:15px;margin:0 -5px 0 0;line-height:30px;font-weight:700;color:#000}.feelLike>h1,.feelLikeCont>h2{text-align:center}.moreBtn{font-size:12px;text-align:right;margin:-10px 5px -10px 0;cursor:pointer}.location{font-size:8px}.w_location,.WSC_Header{background-color:rgba(0,0,0,.5)}.w_location{color:#fff;border-radius:20px;padding:5px 15px;text-align:right}.wind_area{height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column}.wind_area>h1,.wind_area>h2{color:#fff;font-weight:lighter;font-size:20px;margin:0}.more_weather{border:solid #fff;border-width:1px 0 0;padding:15px 0 0}.more_weather>img{width:100px}.more_weather h2{font-size:18px}.more_weather h1,.more_weather h2{color:#fff;font-weight:lighter;margin:0}.more_weather h1{font-size:20px}.more_weather .moreBtn{cursor:pointer}.more_weather .moreBtn:hover{text-decoration:underline}@media only screen and (min-width:768px){.weatherSummaryCard{padding:20px 0;height:120px;border-radius:20px}.WSC_Header{background-color:initial}.weatherStatus{justify-content:center}.weatherStatus>img{width:50px}.weatherStatus>i{font-size:13px;line-height:25px}.localState{margin-top:0}.location{font-size:10px}.feelLike{width:50px;height:50px}.feelLike>h1{font-size:18px;margin:0 -8px 0 0;line-height:48px;font-weight:lighter}.feelLikeCont>h2,.moreBtn,.tempArea>h2{font-size:12px}}@media only screen and (min-width:992px){.weatherSummaryCard{padding:20px 0;border-radius:25px}.weatherStatus>h1{font-size:22px}.weatherStatus>i{font-size:15px;line-height:25px}.tempArea>h1{font-size:50px;line-height:50px}.seperator{height:70px;border-left:3px solid #fff;margin:5px 20px}.feelLike{border:3px solid #fff;width:70px;height:70px}.feelLike>h1{font-size:25px;line-height:65px;margin:0 -10px 0 0}.weatherStatus>img{width:40px!important}.location{font-size:12px}.more_weather{border-width:0 0 0 1px;padding:0 0 0 15px}}@media only screen and (min-width:1200px){.weatherSummaryCard{height:145px;border-radius:30px}.seperator{height:90px;border-left:4px solid #fff;margin:10px 20px}.feelLike{border:4px solid #fff;width:90px;height:90px}.feelLike>h1{line-height:80px}.feelLike>h1,.weatherStatus>h1{font-size:30px}.weatherStatus>i{font-size:22px!important;line-height:27px!important}.tempArea>h1{font-size:70px;line-height:80px}.feelLikeCont>h2,.moreBt,.tempArea>h2{font-size:15px;text-align:center}.location{font-size:15px}.moreBtn{font-size:22px;line-height:22px}.more_weather h1,.wind_area>h1{font-size:30px}.more_weather h2{font-size:25px}}svg{shape-rendering:geometricPrecision;text-rendering:geometricPrecision;image-rendering:optimizeQuality;fill-rule:evenodd;clip-rule:evenodd;width:100%;height:100%}.air2{fill:#fefefe;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}#air:hover .air2{fill:#fefefe;-webkit-transform-origin:right;transform-origin:right;-webkit-animation:wipe 2s linear infinite;animation:wipe 2s linear infinite}@-webkit-keyframes wipe{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}25%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}75%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes wipe{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}25%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}75%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}to{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);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;-webkit-animation:fall 1s linear infinite;animation:fall 1s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}#barrage:hover .barrage3a,#barrage:hover .barrage3b,#barrage:hover .barrage3c,#barrage:hover .barrage3d{-webkit-animation-play-state:running;animation-play-state:running}#barrage:hover .barrage3b{-webkit-animation-delay:.3s;animation-delay:.3s}#barrage:hover .barrage3c{-webkit-animation-delay:.6s;animation-delay:.6s}#barrage:hover .barrage3d{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes fall{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);opacity:0}25%{-webkit-transform:translateY(-5%);transform:translateY(-5%);opacity:0}50%{-webkit-transform:translateY(5%);transform:translateY(5%);opacity:1}75%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}}@keyframes fall{0%{-webkit-transform:translateY(-5%);transform:translateY(-5%);opacity:0}25%{-webkit-transform:translateY(-5%);transform:translateY(-5%);opacity:0}50%{-webkit-transform:translateY(5%);transform:translateY(5%);opacity:1}75%{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}to{-webkit-transform:translateY(10%);transform:translateY(10%);opacity:0}}.barrage6{fill:url(#id0);-webkit-transform-origin:92% 0;transform-origin:92% 0}#barrage:hover .barrage6{-webkit-transform:scaleY(.3);transform:scaleY(.3);-webkit-animation:measure .2s infinite;animation:measure .2s infinite}@-webkit-keyframes measure{0%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}25%{-webkit-transform:scaleY(.25);transform:scaleY(.25)}50%{-webkit-transform:scaleY(.29);transform:scaleY(.29)}75%{-webkit-transform:scaleY(.25);transform:scaleY(.25)}to{-webkit-transform:scaleY(.3);transform:scaleY(.3)}}@keyframes measure{0%{-webkit-transform:scaleY(.3);transform:scaleY(.3)}25%{-webkit-transform:scaleY(.25);transform:scaleY(.25)}50%{-webkit-transform:scaleY(.29);transform:scaleY(.29)}75%{-webkit-transform:scaleY(.25);transform:scaleY(.25)}to{-webkit-transform:scaleY(.3);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{-webkit-animation:sun 3s ease infinite;animation:sun 3s ease infinite;-webkit-transform-origin:66% 25%;transform-origin:66% 25%}@-webkit-keyframes sun{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sun{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(.9);transform:scale(.9)}to{-webkit-transform:scale(1);transform:scale(1)}}#weather:hover .weather2{-webkit-transform:translateX(30%);transform:translateX(30%);opacity:0;-webkit-animation:cloud 3s linear infinite;animation:cloud 3s linear infinite;-webkit-animation-delay:1s;animation-delay:1s}@-webkit-keyframes cloud{0%,30%{-webkit-transform:translateX(30%);transform:translateX(30%);opacity:0}40%,90%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:0}}@keyframes cloud{0%,30%{-webkit-transform:translateX(30%);transform:translateX(30%);opacity:0}40%,90%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1}to{-webkit-transform:translateX(-30%);transform:translateX(-30%);opacity:0}}#weather:hover .weather3,#weather:hover .weather4,#weather:hover .weather7,#weather:hover .weather8,#weather:hover .weather9{opacity:0;-webkit-animation:rain 3s linear infinite;animation:rain 3s linear infinite}#weather:hover .weather3,#weather:hover .weather7{-webkit-animation-delay:.1s;animation-delay:.1s}#weather:hover .weather5,#weather:hover .weather6{opacity:1;-webkit-animation:rain 3s linear infinite;animation:rain 3s linear infinite;-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes rain{0%,80%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}90%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}@keyframes rain{0%,80%{-webkit-transform:translateY(-50px);transform:translateY(-50px);opacity:0}90%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}to{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}}.energy_fil4{fill:none}.energy_fil3{fill:#2c9aa6;-webkit-transform-origin:50% 29.5%;transform-origin:50% 29.5%;transition-box:fill-box}#energy:hover .energy_fil3{-webkit-animation:fans 1s linear infinite;animation:fans 1s linear infinite}@-webkit-keyframes fans{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(120deg);transform:rotate(120deg)}}@keyframes fans{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(120deg);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{-webkit-animation:bulb 1s linear infinite;animation:bulb 1s linear infinite}@-webkit-keyframes bulb{0%{fill:#f35a3b}50%{fill:#ff0}to{fill:#f35a3b}}@keyframes bulb{0%{fill:#f35a3b}50%{fill:#ff0}to{fill:#f35a3b}}#air,#barrage,#energy,#weather{cursor:pointer}
/*# sourceMappingURL=main.d3b96434.chunk.css.map */