*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;animation:fadeIn .5s ease-in;color:#24292e}button{background-color:#fff;border:none;border-radius:10px;cursor:pointer}:focus{outline:none}:focus-visible{outline:3px solid rgba(3,101,214,.5);outline-offset:2px}.main{animation:fadeIn 1.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}::selection{color:#dbd187;background-color:#2f8672}.loading{width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.loading .box{height:40px;width:40px;margin-bottom:5px;border-radius:100%;border:2px dotted #000;animation:spin 4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.switch-toggle{width:40px;height:40px}.switch-text{color:#24292e;display:flex;justify-content:center;align-items:center;height:100%;font-size:1rem;font-weight:700;-webkit-user-select:none;-moz-user-select:none;user-select:none}.switch-toggle-mobile{display:none}.search{max-width:450px;display:inline-flex}.search,.search form{width:100%;position:relative}.search form{border-radius:10px;transition:all .3s ease-in-out;background-color:#fff;display:flex}.search form.error input#search-query{box-shadow:inset 0 0 0 2px #cb2431}.search form input#search-query{font-family:inherit;border-radius:inherit;font-size:inherit;font-weight:600;flex:1 1;border:none;padding:12px 0 12px 20px;text-overflow:ellipsis;background:transparent;width:100%;position:relative;z-index:2}.search form input#search-query:focus+button#clear-input{opacity:.5;visibility:visible}.search form input#search-query:focus-visible{outline:none}.search form button#clear-input{font-size:1.5rem;visibility:hidden;opacity:0;transition:all .2s ease-in-out}.search form button.search-icon{cursor:pointer;padding:0 8px;display:flex;height:100%;align-items:center;z-index:3;background-color:transparent}.search form button.search-icon .loading-icon{animation:rotate 2s linear infinite;opacity:.5}.search form .recent{visibility:hidden;opacity:0;position:absolute;width:inherit;background:inherit;border-radius:0 0 10px 10px;padding:10px;top:35px;z-index:1;transform:translateY(-5px);transition:all .1s ease-in-out}.search form .recent.active{visibility:visible;opacity:1;transform:translateY(0)}.search form .recent li{list-style:none}.search form .recent li button{display:block;font-size:inherit;font-family:inherit;padding:5px 5px 5px 10px;border-top:1px solid #e2e2e2;border-radius:0;width:100%;text-align:left;background:none}.search form .recent .clear-recent{text-align:right}.search form .recent .clear-recent button{opacity:.7;font-style:italic}.search span{animation:error-in .3s ease-in-out 1;position:absolute;left:0;margin-top:55px;background:#ffeef0;color:#24292e;padding:5px 10px;border-radius:7px;font-size:.8rem;border:1px solid #f97583;z-index:3}.search span:before{content:"";width:6px;height:6px;position:absolute;transform:rotate(45deg);top:-4.2px;left:20px;border-left:1px solid #f97583;background-color:#ffeef0;border-top:1px solid #f97583}.search span.location-tip{animation:none;transition:all .3s ease-in-out;right:0;left:auto;opacity:0}.search span.location-tip:after,.search span.location-tip:before{left:auto;right:20px}.search button.locate-btn{width:55px;margin-left:10px;transition:box-shadow .3s ease-in-out}.search button.locate-btn#denied:hover{box-shadow:inset 0 0 0 2px #cb2431}.search button.locate-btn#denied:hover+.location-tip{opacity:1}.search button.locate-btn#given{box-shadow:inset 0 0 0 2px #28a745}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes error-in{0%{transform:translateY(-5px);opacity:0}to{transform:translateY(0);opacity:1}}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}.bg-Clear._01d{background-image:linear-gradient(180deg,#ffe4a3,#ffb591)}.bg-Clear._01n{color:#fff;background-image:linear-gradient(0deg,#0e3d59,#000c17)}.bg-Rain{background-image:linear-gradient(180deg,#1ac5e1,#2d97f4)}.bg-Snow{background-image:linear-gradient(190deg,#8df4fb,#e2e2e2 60%)}.bg-Haze{background-image:linear-gradient(180deg,#95fdef,#69bfe0)}.bg-Dust{background-image:linear-gradient(190deg,#dcdcdc,#f1f1f1)}.bg-Fog{background-image:linear-gradient(190deg,#b3dfe2,#a8acb1)}.bg-Clouds{background-image:linear-gradient(45deg,#9ea7ab,#bfccd4)}.bg-Clouds._02d{background-image:linear-gradient(190deg,#90d8e8,#83a7af);color:#24292e}.bg-Clouds._02n{background-image:linear-gradient(0deg,#0e3d59,#071d31);color:#fff}.bg-Thunderstorm{background-image:linear-gradient(209deg,#a22cab,#5410c1);color:#fff}.icon-container .Clear._01d{background-image:url(/assets/clear-day.svg)}.icon-container .Clear._01n{background-image:url(/assets/clear-night.svg)}.icon-container .Rain{background-image:url(/assets/rain.svg)}.icon-container .Snow{background-image:url(/assets/snow.svg)}.icon-container .sleet{background-image:url(/assets/sleet.svg)}.icon-container .Dust,.icon-container .Fog,.icon-container .Haze{background-image:url(/assets/wind.svg)}.icon-container .Clouds{background-image:url(/assets/cloudy.svg)}.icon-container .Clouds._04d{background-image:url(/assets/partly-cloudy-day.svg)}.icon-container .Clouds._04n{background-image:url(/assets/partly-cloudy-night.svg)}.icon-container .Thunderstorm{background-image:url(/assets/thunderstorm.svg)}.app-wrapper{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:30px;min-height:730px}@media(max-width:544px){.app-wrapper{padding:10px 10px 10px 20px}.search-container{margin-left:-10px}}.hero-container{margin:30px 0}.hero-container h1{font-size:8rem;font-weight:700}@media(max-width:544px){.hero-container h1{font-weight:400}}.chart-container{margin:10px 0;max-width:500px;width:100%}.chart-container .recharts-wrapper{cursor:pointer!important}@media(max-width:544px){.chart-container{margin-left:-10px}}.meta-container{display:flex}.meta-container ul li{list-style-type:none;font-size:1.4rem;line-height:normal;letter-spacing:1px}.meta-container ul.meta-value{margin-left:10px;font-weight:700}.icon-container{position:absolute;top:50px;right:50px;width:30%;height:300px}@media(max-width:544px){.icon-container{right:30px}}.icon-container .weather-icon{background-repeat:no-repeat;background-size:contain;background-position:0;width:100%;height:100%}.hour-summery-container{text-transform:capitalize;font-size:1.5rem;max-width:500px}.summery-container{text-transform:capitalize;display:none}@media(min-width:1280px){.summery-container{display:block;text-align:right;position:absolute;bottom:30px;right:30px;left:30%}}.summery-container h2{opacity:.2;line-height:1;font-size:10vw}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/fonts/space-grotesk-v5-latin-regular.eot);src:local(""),url(/fonts/space-grotesk-v5-latin-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/space-grotesk-v5-latin-regular.woff2) format("woff2"),url(/fonts/space-grotesk-v5-latin-regular.woff) format("woff"),url(/fonts/space-grotesk-v5-latin-regular.ttf) format("truetype"),url(/fonts/space-grotesk-v5-latin-regular.svg#SpaceGrotesk) format("svg")}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/fonts/space-grotesk-v5-latin-600.eot);src:local(""),url(/fonts/space-grotesk-v5-latin-600.eot?#iefix) format("embedded-opentype"),url(/fonts/space-grotesk-v5-latin-600.woff2) format("woff2"),url(/fonts/space-grotesk-v5-latin-600.woff) format("woff"),url(/fonts/space-grotesk-v5-latin-600.ttf) format("truetype"),url(/fonts/space-grotesk-v5-latin-600.svg#SpaceGrotesk) format("svg")}