@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css);.alert--list[data-v-e24b32b6]{position:absolute;bottom:60px;right:10px;box-sizing:border-box}.alert__item[data-v-e24b32b6]{position:relative;box-sizing:border-box;max-width:300px;border-radius:2px;background-color:var(--white-color);color:#444;margin-bottom:10px;line-height:normal;transition:opacity .5s;-webkit-animation-name:alertAnimation-e24b32b6;animation-name:alertAnimation-e24b32b6;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.alert__item[data-v-e24b32b6]:last-child{margin-bottom:0}.alert__title[data-v-e24b32b6]{padding:5px;font-weight:700}.alert__title.danger[data-v-e24b32b6]{color:var(--danger-color)}.alert__title.info[data-v-e24b32b6]{color:var(--blue-color)}.alert__body[data-v-e24b32b6]{padding:5px;border-top:1px solid #ccc}@-webkit-keyframes alertAnimation-e24b32b6{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes alertAnimation-e24b32b6{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0}}:root{--white-color:#fff;--blue-color:#498cec}:root,:root[data-theme=dark]{--secondary-color:hsla(0,0%,100%,0.6);--danger-color:#e74c3c}:root[data-theme=dark]{--white-color:#e8e8e8;--blue-color:#383838}html{height:-webkit-fill-available}body{font-family:Roboto,Arial,sans-serif;background-color:var(--blue-color);color:var(--white-color);overflow:hidden}#app{position:relative;display:flex;flex-direction:column;justify-content:space-around;padding-bottom:50px;background-size:cover;background-repeat:no-repeat;background-position:50%;transition:.4s}#app.pre-rain{background-image:url(../img/pre-rain-bg.7afe6005.png)}#app.pre-rain,#app.rain{background-color:rgba(48,75,137,.991353)}#app.rain{background-image:url(../img/rain-bg.f0e82ca1.png)}#app.cloud{background-image:url(../img/cloud-bg.dcc7c7d9.png);background-color:#3c7bd3}#app.sun{background-image:url(../img/sun-bg.6d4305d7.png)}@media screen and (max-width:576px){#app{justify-content:space-between}#app header{padding-top:20px}}#app,body{height:100vh;max-height:-webkit-fill-available;min-height:-webkit-fill-available}.container{max-width:1180px;padding:0 20px;margin:0 auto}.btn{border:0;background-color:transparent;padding:0;cursor:pointer}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#bebebe;border-radius:8px}::-webkit-scrollbar-track{background:var(--white-color);border-radius:8px;box-shadow:inset 7px 10px 12px #f0f0f0}.wrap-loader{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--blue-color);z-index:1;opacity:1;transition:all .5s}.wrap-loader.hide{opacity:0;z-index:-1}.loader{display:inline-block;width:100px;height:100px;color:inherit;vertical-align:middle;pointer-events:none;position:relative}.loader:after,.loader:before{position:absolute;content:""}.loader:before{width:80%;height:80%;left:10%;bottom:10%;border-radius:100% 100% 100% 0;box-shadow:0 0 0 .3em currentcolor;-webkit-animation:loader 1s linear infinite;animation:loader 1s linear infinite;transform:rotate(-46deg)}.loader:after{width:100px;height:50px;border-radius:100%;left:0;background-color:hsla(0,0%,100%,.2);bottom:-26px;z-index:-1}@-webkit-keyframes loader{0%{top:0}50%{top:-5px}to{top:0}}@keyframes loader{0%{top:0}50%{top:-5px}to{top:0}}.wrap-header{display:flex;align-items:flex-start;justify-content:space-between}.wrap-city-and-search{width:580px;height:100px}.wrap-search{display:none;height:inherit}.wrap-search.show{display:block}.city-search,.wrap-search form{height:inherit}.city-search{display:flex;justify-content:space-between;background:var(--white-color);box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:8px;transition:all .3s}.city-search:focus-within{box-shadow:0 0 30px #fff}.city-search_input{border:0;background-color:transparent;border-width:0;padding:0 32px;flex:1 0 0;font-size:30px;line-height:36px;color:#000}.city-search_input:focus{outline:none}.city-search_btn{background-color:transparent;border-width:0;cursor:pointer;padding-left:0;padding-right:32px;font-size:30px;line-height:36px;color:#1086ff}.city-search_btn:focus{outline:none}.search-results{display:none;background:var(--white-color);box-shadow:0 2px 8px rgba(0,0,0,.15);border-radius:8px;margin-top:10px;position:relative;padding:22px 32px;max-height:30vw;overflow:auto}.search-results--show{display:block}.search-results_item{color:#000;font-size:30px;line-height:36px;padding-bottom:5px}.search-results_item:last-child{padding-bottom:0}.search-results_item:hover{color:var(--blue-color);cursor:pointer}.wrap-city.hide{display:none}.current-city{font-size:50px;line-height:60px;color:var(--white-color)}.city-buttons_btn{font-size:18px;line-height:22px;color:var(--secondary-color);display:inline-flex;align-items:center;margin-right:30px}.city-buttons_btn:last-child{margin-right:0}.city-buttons_btn i,.city-buttons_btn svg{margin-right:5px;color:var(--secondary-color);fill:var(--secondary-color)}@media screen and (max-width:768px){.wrap-city-and-search{width:100%}}@media screen and (max-width:576px){.wrap-city-and-search{height:60px}.city-search_input{width:100%;flex:unset;padding:0 20px;font-size:22px}.city-search_btn{padding-right:20px;font-size:22px}.search-results{padding:10px 20px}.search-results_item{font-size:22px;padding:0}.current-city{font-size:40px}}@media screen and (max-width:360px){.current-city{font-size:35px}}.weather{flex-wrap:wrap}.weather,.weather-icon{display:flex;align-items:center;justify-content:center}.weather-icon i{font-size:140px}.weather-temp{display:flex;font-size:180px;line-height:216px;margin-left:30px}.weather-about,.weather-temp{text-align:center;color:var(--white-color)}.weather-about{font-size:25px;line-height:30px}@media screen and (max-width:576px){.weather-temp{font-size:120px;line-height:normal;margin-left:20px}.weather-icon i{font-size:100px}.weather-about{font-size:22px}}@media screen and (max-width:360px){.weather-temp{font-size:80px;line-height:normal}.weather-icon i{font-size:70px}.weather-about{font-size:18px}}@media screen and (max-width:360px) and (max-height:526px){.weather-temp{font-size:60px}.weather-icon i{font-size:50px}.weather-about{line-height:normal}}.statistic-list{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px}.statistic-item{display:block}.item-title{font-size:18px;line-height:22px;color:var(--secondary-color)}.item-value{font-size:25px;line-height:30px;color:var(--white-color);margin-top:10px}.footer__buttons,.wrap-units{position:relative}.wrap-units:before{position:absolute;top:6px;left:-15px;content:"º";font-size:18px;line-height:22px;color:var(--secondary-color)}.units{overflow:hidden;display:flex;border:1px solid var(--secondary-color);border-radius:8px}.units_btn{font-size:18px;line-height:22px;color:var(--secondary-color);width:38px;height:30px}.units_btn.active{color:var(--white-color)!important;background-color:hsla(0,0%,100%,.2)}@media screen and (max-width:960px){.statistic-list{grid-template-columns:repeat(auto-fit,minmax(150px,200px))}.item-value{font-size:22px}}@media screen and (max-width:800px){.city-buttons{margin-top:0;display:flex;align-items:center}.city-buttons_btn{display:block;padding:5px;border-radius:8px;border:1px solid var(--secondary-color);width:32px;height:32px;margin-right:20px;margin-bottom:0}.city-buttons_btn span{display:none}.city-buttons_btn i,.city-buttons_btn svg{margin-right:0}}@media screen and (max-width:576px){.item-value{font-size:20px;margin-top:0}}.vue-skeletor-wrap{display:flex;justify-content:center;flex-direction:column;width:70vw}.vue-skeletor{margin-bottom:40px;border-radius:4px;min-height:80px}.vue-skeletor--pill,.vue-skeletor--text{border-radius:4px!important}.footer{position:absolute;bottom:0;left:0;right:0;height:50px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;background-color:hsla(0,0%,100%,.050980392156862744);border-top:1px solid hsla(0,0%,100%,.18823529411764706);padding:0 40px}@media screen and (max-width:576px){.footer{padding:0 20px}}.app-loader[data-v-113536fa]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:30px;z-index:999;transition:all .5s;opacity:1;background-color:var(--blue-color)}.app-loader.hide[data-v-113536fa]{opacity:0;z-index:-1}