@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap);*{-webkit-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{font-size:10px;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{-webkit-overflow-scrolling:touch;background-image:url(../42b4810b27534522997c.jpg);background-repeat:no-repeat;background-size:cover;overflow-y:scroll;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{font-family:Open Sans,sans-serif}.wrapper{color:#fff}.weather{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;grid-gap:10px;align-items:center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:10px;margin:auto;max-width:685px}.weather.Clear{background-image:url(../090b4d6e7ff3adad6605.jpg)}.weather.Clouds{background-image:url(../368a7e424cb86e58dd37.jpg)}.weather.Drizzle{background-image:url(../b293fcb2d91016a077a8.jpg)}.weather.Ash,.weather.Dust,.weather.Fog,.weather.Haze,.weather.Mist,.weather.Sand,.weather.Smoke,.weather.Squall,.weather.Tornado{background-image:url(../b5bd09946a9091e69ef2.jpg)}.weather.Rain{background-image:url(../ebc98da4a30b93b47c47.jpg)}.weather.Snow{background-image:url(../8e821d3661805c5e303f.jpg)}.weather.Thunderstorm{background-image:url(../cc71209f9aa5f3c54d1e.jpg)}@media (min-width:686px){.weather{-webkit-box-shadow:0 4px 4px rgba(0,0,0,.25);box-shadow:0 4px 4px rgba(0,0,0,.25)}}.weather__current{-ms-flex-pack:distribute;grid-gap:5px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:5px;justify-content:space-around;margin:30px;-webkit-transition:.1s;transition:.1s}.weather__current-city{font-size:2.6em;text-align:center;width:100%}@media (min-width:768px){.weather__current-city{font-size:3em}}.weather__current-temp{font-size:5.6em;text-align:center;width:100%}@media (min-width:768px){.weather__current-temp{font-size:6em}}.weather__current-conditions{font-size:1.6em;opacity:.7;text-align:center;text-transform:capitalize;width:100%}@media (min-width:768px){.weather__current-conditions{font-size:2em}}.weather__current-minmax{font-size:1.6em}@media (min-width:768px){.weather__current-minmax{font-size:2em}}.weather__hourly{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.1);border-radius:10px;max-width:90%;padding:10px;position:sticky;top:0;z-index:1}@-moz-document url-prefix(){.weather__hourly{background:rgba(0,0,0,.8)}}.weather__hourly.active{top:30px}.weather__hourly .hourly__title{border-bottom:1px solid #fff;font-size:1.2em;padding-bottom:5px}@media (min-width:768px){.weather__hourly .hourly__title{font-size:1.5em}}.weather__hourly .hourly__list{grid-gap:18px;-webkit-overflow-scrolling:touch;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.1em;gap:18px;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none}@media (min-width:768px){.weather__hourly .hourly__list{font-size:1.3em}}.weather__hourly .hourly__list::-webkit-scrollbar{display:none}.weather__hourly .hourly__list-item{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-top:8px;text-align:center}.weather__hourly .hourly__list-item img{height:32px}@media (min-width:768px){.weather__hourly .hourly__list-item img{height:40px}}.weather__hourly .hourly__list-item:first-child{font-size:11px;font-weight:600}@media (min-width:768px){.weather__hourly .hourly__list-item:first-child{font-size:13px}}.weather__hourly .hourly__list-item p:first-of-type{margin-bottom:5px}.weather__hourly .hourly__list-item p:last-of-type{font-size:13px;margin-top:5px}@media (min-width:768px){.weather__hourly .hourly__list-item p:last-of-type{font-size:15px}}.weather__daily{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.1);border-radius:10px;min-width:90%;padding:10px}@-moz-document url-prefix(){.weather__daily{background:rgba(0,0,0,.8)}}.weather__daily .daily__title{border-bottom:1px solid #fff;font-size:1.2em;padding-bottom:5px}@media (min-width:768px){.weather__daily .daily__title{font-size:1.5em}}.weather__daily .daily__list{-webkit-box-orient:vertical;-webkit-box-direction:normal;grid-gap:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-size:1.2em;gap:10px}@media (min-width:768px){.weather__daily .daily__list{font-size:1.5em}}.weather__daily .daily__list-item{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid rgba(255,255,255,.2);display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding-bottom:5px}.weather__daily .daily__list-item img{height:32px}@media (min-width:768px){.weather__daily .daily__list-item img{height:40px}}.weather__daily .daily__list-item:first-child{font-size:13px;margin-top:10px}@media (min-width:768px){.weather__daily .daily__list-item:first-child{font-size:15px}}.weather__daily .daily__list-item p{width:55px}.weather__daily .daily__list-item p:nth-of-type(2){opacity:.7}.weather__daily .daily__list-item p:nth-of-type(n+2){text-align:center}.weather__description{max-width:90%}.weather__description .description__list{-webkit-box-pack:justify;-ms-flex-pack:justify;grid-gap:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;justify-content:space-between}.weather__description .description__list-item{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.1);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:.85em;height:25vw;max-height:181.5px;max-width:181.5px;padding:5px;width:25vw}@-moz-document url-prefix(){.weather__description .description__list-item{background:rgba(0,0,0,.8)}}@media (min-width:360px){.weather__description .description__list-item{font-size:1em}}@media (min-width:768px){.weather__description .description__list-item{font-size:1.5em}}.weather__description .description__list-item p{width:100%}.weather__description .description__list-item p:first-of-type{border-bottom:1px solid rgba(255,255,255,.2);height:14px}@media (min-width:768px){.weather__description .description__list-item p:first-of-type{height:20px}}.weather__description .description__list-item p:nth-of-type(2){font-size:12px;text-align:center}@media (min-width:360px){.weather__description .description__list-item p:nth-of-type(2){font-size:14px}}@media (min-width:375px){.weather__description .description__list-item p:nth-of-type(2){font-size:15px}}@media (min-width:390px){.weather__description .description__list-item p:nth-of-type(2){font-size:16px}}@media (min-width:768px){.weather__description .description__list-item p:nth-of-type(2){font-size:30px}}.weather__search{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.1);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;justify-content:center;max-width:616.5px;position:fixed;width:90%;z-index:1}@-moz-document url-prefix(){.weather__search{background:rgba(0,0,0,.8)}}.weather__search-city{width:148px}.weather__search-city input{background:transparent;border:none;color:#fff;text-align:center;width:148px}.weather__search-city input:focus{outline:none}.weather__search-city input::-webkit-input-placeholder{color:#fff;opacity:.8;text-align:center}.weather__search-city input::-moz-placeholder{color:#fff;opacity:.8;text-align:center}.weather__search-city input:-ms-input-placeholder{color:#fff;opacity:.8;text-align:center}.weather__search-city input::-ms-input-placeholder{color:#fff;opacity:.8;text-align:center}.weather__search-city input::placeholder{color:#fff;opacity:.8;text-align:center}.weather__menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(0,0,0,.85);height:100vh;max-width:685px;position:fixed;top:0;z-index:2}@-moz-document url-prefix(){.weather__menu{background:#000}}.weather__footer{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.1);border-top:1px solid #fff;bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:32px;justify-content:space-between;position:sticky;width:100%;z-index:1}@-moz-document url-prefix(){.weather__footer{background:rgba(0,0,0,.8)}}@media (min-width:375px){.weather__footer{height:40px}}.weather__footer .footer__search{color:#fff;cursor:pointer;height:16px;margin-left:20px;width:16px}@media (min-width:375px){.weather__footer .footer__search{height:18px;width:18px}}@media (min-width:768px){.weather__footer .footer__search{height:22px;width:22px}}.weather__footer .footer__btn{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:22px;justify-content:center;margin-right:20px;overflow:hidden;width:22px}@media (min-width:375px){.weather__footer .footer__btn{height:24px;width:24px}}@media (min-width:768px){.weather__footer .footer__btn{height:26px;width:26px}}.weather__footer .footer__btn-menu{background-color:#fff;border-radius:5px;height:2px;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:22px}@media (min-width:375px){.weather__footer .footer__btn-menu{height:2px;width:24px}}@media (min-width:768px){.weather__footer .footer__btn-menu{height:3px;width:26px}}.weather__footer .footer__btn-menu:after,.weather__footer .footer__btn-menu:before{background-color:#fff;border-radius:5px;content:"";height:2px;position:absolute;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;width:22px}@media (min-width:375px){.weather__footer .footer__btn-menu:after,.weather__footer .footer__btn-menu:before{height:2px;width:24px}}@media (min-width:768px){.weather__footer .footer__btn-menu:after,.weather__footer .footer__btn-menu:before{height:3px;width:26px}}.weather__footer .footer__btn-menu:before{-webkit-transform:translateY(-6px);transform:translateY(-6px)}@media (min-width:768px){.weather__footer .footer__btn-menu:before{-webkit-transform:translateY(-7px);transform:translateY(-7px)}}.weather__footer .footer__btn-menu:after{-webkit-transform:translateY(6px);transform:translateY(6px)}@media (min-width:768px){.weather__footer .footer__btn-menu:after{-webkit-transform:translateY(7px);transform:translateY(7px)}}.weather__error{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(255,255,255,.1);border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;height:3em;justify-content:center;max-width:616.5px;position:fixed;width:90%;z-index:1}@-moz-document url-prefix(){.weather__error{background:rgba(0,0,0,.8)}}.weather__error p{color:#b71c1c}
/*# sourceMappingURL=main.859df8.css.map*/