@keyframes rotate{to{transform:rotate(1turn)}}.search-container{display:flex;height:46px;margin:16px;width:-webkit-fill-available}.search-container input{background-color:#202b3b;border:none;border-radius:16px;box-shadow:0 0 0 rgba(0,0,0,.078);color:#dde0e4;font-size:18px;height:46px;margin:0 12px;outline:none;padding:4px 10px 4px 16px;width:calc(100% - 46px)}.search-container input.error{background-color:#fa5c43;color:#0b131e}.search-container input.error::-webkit-input-placeholder{color:#0b131e}.search-container input.error::-webkit-search-cancel-button{background-image:url(/weather_app/static/media/close-dark-icon.8a3b99806f1912cc272d.svg)}.search-container input::-webkit-input-placeholder{color:#9399a2}.search-container input::-webkit-search-cancel-button{-webkit-appearance:none;background-image:url(/weather_app/static/media/close-light-icon.f0792d2847d7551a1e34.svg);background-repeat:no-repeat;cursor:pointer;height:24px;width:24px}.search-container button{align-items:center;background-color:#dde0e4;border:none;border-radius:16px;box-shadow:0 0 0 rgba(0,0,0,.078);color:#202b3b;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px}.search-container button .search-icon.rotate{animation:rotate 1.5s linear infinite}.search-container button.not-allow{pointer-events:none}.search-container .github-wrapper{align-content:center;display:flex;flex-wrap:wrap;justify-content:flex-end}.search-container .github-wrapper .icon-wrapper{align-items:center;background-color:#35455e;border-radius:16px;cursor:pointer;display:flex;justify-content:center;padding:8px}.empty-screen-container{align-content:center;display:flex;flex-direction:column;flex-wrap:wrap;height:100%;width:100%}.empty-screen-container .logo-container{height:calc(100% - 82px)}.empty-screen-container .logo-container .logo-wrapper{height:200px;overflow:hidden;width:200px}.empty-screen-container .logo-container .logo-wrapper .logo-img{transform:scale(1.5)}.empty-screen-container .msg-wrapper{text-wrap:wrap;color:#9399a2;font-size:18px;font-weight:600;text-align:center;text-transform:capitalize;width:80%}.todays-weather-temp-container{height:calc(54% - 13px);margin:16px;max-height:380px;padding:0 22px}.todays-weather-temp-container .title{color:#dde0e4;font-size:28px;font-weight:600;margin-bottom:6px;text-transform:uppercase}.todays-weather-temp-container .title .celsius-icon{margin-top:6px}.todays-weather-temp-container .temp-and-icon-container .icon-wrapper{height:200px;overflow:hidden;width:180px}.todays-weather-temp-container .temp-and-icon-container .icon-wrapper>img{transform:scale(1.1)}.todays-weather-temp-container .temp-and-icon-container .temperature-wrapper{color:#dde0e4;font-size:94px;font-weight:600;height:200px;overflow:hidden;width:180px}.todays-weather-temp-container .info-container{margin-top:6px}.todays-weather-temp-container .info-container .day-time-wrapper,.todays-weather-temp-container .info-container .description-wrapper,.todays-weather-temp-container .info-container .feels-like-wrapper,.todays-weather-temp-container .info-container .max-temp-wrapper,.todays-weather-temp-container .info-container .min-temp-wrapper{color:#9399a2;font-size:18px;font-weight:600;margin-bottom:4px;text-transform:capitalize}.todays-weather-temp-container .info-container .left-container{border-radius:2px;border-right:1px solid #35455e;width:50%}.todays-weather-temp-container .info-container .left-container .feels-like-wrapper>img,.todays-weather-temp-container .info-container .left-container .max-temp-wrapper>img,.todays-weather-temp-container .info-container .left-container .min-temp-wrapper>img{margin-right:6px}.todays-weather-temp-container .info-container .right-container{width:50%}.todays-weather-temp-container .info-container .right-container .city-name-wrapper,.todays-weather-temp-container .info-container .right-container .day-time-wrapper,.todays-weather-temp-container .info-container .right-container .description-wrapper{text-align:end}.todays-weather-temp-container .info-container .right-container .city-name-wrapper{color:#dde0e4;font-size:24px;margin-bottom:6px;text-transform:uppercase}.todays-forecast-container{background-color:#202b3b;border-radius:16px;box-shadow:0 0 0 rgba(0,0,0,.078);height:calc(36% - 72px);margin:16px;max-height:214px;overflow-x:auto;overflow-y:hidden;padding:22px}.todays-forecast-container .title{color:#9399a2;font-size:18px;font-weight:600;left:0;margin-bottom:16px;position:-webkit-sticky;position:sticky;text-transform:uppercase}.todays-forecast-container .forecast-container{display:flex}.todays-forecast-container .forecast-container .info{align-items:center;border-radius:2px;border-right:1px solid #35455e;display:flex;flex-direction:column;height:100%;justify-content:center;width:33%}.todays-forecast-container .forecast-container .info:last-child{border-right:none!important}.todays-forecast-container .forecast-container .info .time-wrapper{background-color:#dde0e4;border-radius:16px;color:#202b3b;font-size:18px;font-weight:600;padding:4px 12px;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.todays-forecast-container .forecast-container .info .icon-wrapper{align-items:center;display:flex;height:76px;justify-content:center;overflow:hidden;width:76px}.todays-forecast-container .forecast-container .info .icon-wrapper>img{transform:scale(1.2)}.todays-forecast-container .forecast-container .info .temp-wrapper{color:#c4cad3;font-size:18px;font-weight:600;text-transform:uppercase}.air-info-container{background-color:#202b3b;border-radius:16px;box-shadow:0 0 0 rgba(0,0,0,.078);height:calc(40% - 60px);margin:32px 16px 16px;max-height:250px;overflow-x:auto;padding:22px 22px 6px}.air-info-container .title{color:#9399a2;font-size:18px;font-weight:600;left:0;margin-bottom:16px;position:-webkit-sticky;position:sticky;text-transform:uppercase}.air-info-container .info-container{height:calc(100% - 56px)}.air-info-container .info-container .bottom-container,.air-info-container .info-container .top-container{align-items:center;display:flex;height:50%}.air-info-container .info-container .middle-container{display:flex;height:1px;margin:6px 0}.air-info-container .info-container .middle-container .wrapper{width:33%}.air-info-container .info-container .humidity-container,.air-info-container .info-container .pressure-container,.air-info-container .info-container .sunrise-container,.air-info-container .info-container .sunset-container,.air-info-container .info-container .wind-speed-container{align-items:center;color:#c4cad3;display:flex;font-size:18px;font-weight:600;height:50%;justify-content:space-evenly;text-transform:uppercase;width:33%}.air-info-container .info-container .humidity-container .title,.air-info-container .info-container .pressure-container .title,.air-info-container .info-container .sunrise-container .title,.air-info-container .info-container .sunset-container .title,.air-info-container .info-container .wind-speed-container .title{background-color:#35455e;border-radius:16px;margin:0;padding:4px 12px;position:relative;text-transform:capitalize;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.air-info-container .info-container .humidity-container .title .icon,.air-info-container .info-container .pressure-container .title .icon,.air-info-container .info-container .sunrise-container .title .icon,.air-info-container .info-container .sunset-container .title .icon,.air-info-container .info-container .wind-speed-container .title .icon{margin-right:6px}.air-info-container .info-container .humidity-container .wrapper,.air-info-container .info-container .pressure-container .wrapper,.air-info-container .info-container .sunrise-container .wrapper,.air-info-container .info-container .sunset-container .wrapper,.air-info-container .info-container .wind-speed-container .wrapper{text-transform:none}.five-day-forecast-container{background-color:#202b3b;border-radius:16px;box-shadow:0 0 0 rgba(0,0,0,.078);height:calc(60% - 60px);margin:16px 16px 32px;max-height:390px;overflow-x:auto;overflow-y:hidden;padding:22px 22px 6px}.five-day-forecast-container .title{color:#9399a2;font-size:18px;font-weight:600;left:0;margin-bottom:16px;position:-webkit-sticky;position:sticky;text-transform:uppercase}.five-day-forecast-container .forecast-container{min-width:468px}.five-day-forecast-container .forecast-container .info{grid-gap:10px;align-items:stretch;border-bottom:1px solid #35455e;border-radius:2px;display:grid;grid-template-columns:calc(40% - 30px) 10% 20% 30%;grid-template-rows:58px;justify-items:stretch}.five-day-forecast-container .forecast-container .info .day{align-items:center;color:#9399a2;display:flex;font-size:18px;font-weight:500}.five-day-forecast-container .forecast-container .info .day>span{background-color:#35455e;border-radius:16px;padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.five-day-forecast-container .forecast-container .info .description{color:#c4cad3;font-size:18px;font-weight:600}.five-day-forecast-container .forecast-container .info .description,.five-day-forecast-container .forecast-container .info .icon{align-items:center;display:flex;justify-content:center}.five-day-forecast-container .forecast-container .info .temp{align-items:center;color:#202b3b;display:flex;font-size:18px;font-weight:500;justify-content:flex-end}.five-day-forecast-container .forecast-container .info .temp .temp-wrapper{background-color:#dde0e4;border-radius:16px;color:#202b3b;padding:4px 12px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.five-day-forecast-container .forecast-container .info .temp .temp-wrapper .max{color:#0b131e;font-size:18px;font-weight:600}.five-day-forecast-container .forecast-container .info:last-child{border-bottom:none!important}.d-flex{display:flex}.align-items{align-items:center}.justify-content{justify-content:center}.d-flex-column{display:flex;flex-direction:column}.main-wrapper{background-color:#0b131e;height:100vh;width:100vw}.main-wrapper .horizontal-line,.main-wrapper .vertical-line{background-color:#35455e;border-radius:2px}.main-wrapper .vertical-line{height:60%;margin:auto 0;width:1px}.main-wrapper .horizontal-line{height:1px;margin:0 auto;width:65%}.main-wrapper .main-container{background-color:#0b131e;color:#fff;height:-webkit-fill-available;max-height:708px;max-width:1528px;padding:18px;width:-webkit-fill-available}.main-wrapper .main-container .current-weather-info-container{height:100%;overflow:hidden;width:40%}.main-wrapper .main-container .forecast-and-air-container{height:100%;overflow:auto;width:60%}@media only screen and (max-width:1080px)and (max-width:960px){.main-wrapper .main-container{flex-direction:column;justify-content:normal;max-height:none;overflow:auto}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:845px)and (max-width:745px)and (max-width:689px)and (max-width:479px){.main-wrapper .main-container{padding:0}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:845px)and (max-width:745px)and (max-width:689px)and (min-width:480px){.main-wrapper .main-container{border:none;border-radius:0;width:100%}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:845px)and (max-width:745px)and (min-width:690px){.main-wrapper .main-container{width:calc(100% - 140px)}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:845px)and (min-width:746px){.main-wrapper .main-container{width:calc(100% - 160px)}}@media only screen and (max-width:1080px)and (max-width:960px){.main-wrapper .main-container .current-weather-info-container{height:auto;overflow:visible;width:100%}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:640px){.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container{height:auto;max-height:none}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:640px)and (max-width:540px){.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .title{font-size:26px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .temp-and-icon-container .icon-wrapper>img{height:160px;width:160px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .temp-and-icon-container .temperature-wrapper{font-size:82px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .left-container>img{height:22px;width:22px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .left-container>span{font-size:16px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .right-container .city-name-wrapper{font-size:22px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .right-container .day-time-wrapper,.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .right-container .description-wrapper{font-size:16px}}@media only screen and (max-width:1080px)and (max-width:960px){.main-wrapper .main-container .current-weather-info-container .todays-forecast-container{height:auto}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:540px){.main-wrapper .main-container .current-weather-info-container .todays-forecast-container{height:auto;overflow-y:auto}.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .title{font-size:16px}.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container{min-width:380px}.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container .info .temp-wrapper,.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container .info .time-wrapper{font-size:16px}.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container .info .icon-wrapper>img{height:82px;width:82px}}@media only screen and (max-width:1080px)and (max-width:960px){.main-wrapper .main-container .forecast-and-air-container{height:100%;overflow:visible;width:100%}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container{height:auto}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:540px){.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .day,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .description,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .title{font-size:16px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .icon>img{height:56px;width:56px px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .max,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .min{font-size:16px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .max>img,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .min>img{height:20px;width:20px}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:720px){.main-wrapper .main-container .forecast-and-air-container .air-info-container{height:auto;max-height:none}}@media only screen and (max-width:1080px)and (max-width:960px)and (max-width:720px)and (max-width:540px){.main-wrapper .main-container .forecast-and-air-container .air-info-container .title{font-size:16px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container{min-width:460px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .sunrise-container .title .icon,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .sunset-container .title .icon{height:18px;width:18px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .bottom-container .title,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .top-container .title{font-size:14px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .bottom-container .title .icon,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .top-container .title .icon{height:20px;margin-right:4px;width:20px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .bottom-container .title .wrapper,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .top-container .title .wrapper{font-size:16px}}@media only screen and (max-width:1080px)and (max-width:960px)and (min-width:846px){.main-wrapper .main-container{width:calc(100% - 220px)}}@media only screen and (max-width:1080px)and (max-width:960px)and (min-width:691px){.main-wrapper .main-container{border:1px solid #35455e;border-radius:16px;height:calc(100% - 140px)}}@media only screen and (max-width:1080px){.forecast-and-air-container .air-info-container .info-container .humidity-container,.forecast-and-air-container .air-info-container .info-container .pressure-container,.forecast-and-air-container .air-info-container .info-container .sunrise-container,.forecast-and-air-container .air-info-container .info-container .sunset-container,.forecast-and-air-container .air-info-container .info-container .wind-speed-container{flex-direction:column;height:auto}.forecast-and-air-container .air-info-container .info-container .humidity-container .title,.forecast-and-air-container .air-info-container .info-container .pressure-container .title,.forecast-and-air-container .air-info-container .info-container .sunrise-container .title,.forecast-and-air-container .air-info-container .info-container .sunset-container .title,.forecast-and-air-container .air-info-container .info-container .wind-speed-container .title{margin-bottom:4px}}@media only screen and (orientation:landscape)and (min-width:1680px)and (min-height:840px){.main-wrapper .main-container{border:1px solid #35455e;border-radius:16px}}@media only screen and (orientation:landscape)and (min-width:960px)and (max-width:1280px){.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .title{font-size:26px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .temp-and-icon-container .icon-wrapper>img{height:160px;width:160px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .temp-and-icon-container .temperature-wrapper{font-size:82px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .left-container>img{height:22px;width:22px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .left-container>span{font-size:16px}.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .right-container .city-name-wrapper{font-size:22px}.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container .info .temp-wrapper,.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container .info .time-wrapper,.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .title,.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .right-container .day-time-wrapper,.main-wrapper .main-container .current-weather-info-container .todays-weather-temp-container .info-container .right-container .description-wrapper{font-size:16px}.main-wrapper .main-container .current-weather-info-container .todays-forecast-container .forecast-container .info .icon-wrapper>img{height:82px;width:82px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .day,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .description,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .title{font-size:16px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .icon>img{height:56px;width:56px px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .max,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .min{font-size:16px}.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .max>img,.main-wrapper .main-container .forecast-and-air-container .five-day-forecast-container .forecast-container .info .temp .min>img{height:20px;width:20px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .title{font-size:16px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .sunrise-container .title .icon,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .sunset-container .title .icon{height:18px;width:18px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .bottom-container .title,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .top-container .title{font-size:14px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .bottom-container .title .icon,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .top-container .title .icon{height:20px;margin-right:4px;width:20px}.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .bottom-container .title .wrapper,.main-wrapper .main-container .forecast-and-air-container .air-info-container .info-container .top-container .title .wrapper{font-size:16px}}*{-webkit-tap-highlight-color:rgba(0,0,0,0)}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.e0350c07.css.map*/