html{box-sizing:border-box;overflow-x:hidden}*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}body,html{height:100%;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}a{background-color:transparent;display:inline-block;text-decoration:none}img{border-style:none}li,ul{list-style:none;margin:0;padding:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}a{color:#000}textarea{overflow:auto}a,div,img,svg{-webkit-tap-highlight-color:rgba(0,0,0,0)}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}main{display:block}body{background-color:#b5f2f2;font-family:Shantell Sans,cursive;font-size:16px;font-weight:400;transition:all .3s ease}.wrapper{display:flex;flex-direction:column;height:100%}.content{flex:1 0 auto}.footer{flex:0 0 auto}.container{margin:0 auto;max-width:1170px;padding:15px}.content{background-color:hsla(0,0%,100%,.3);border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);margin:20px 0;overflow:hidden;padding:20px}.content__block{align-items:flex-start}.content__block,.header__inner{display:flex;justify-content:space-between}.header__inner{align-items:center;border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);margin-bottom:30px;padding:20px 20px 40px}.header__logo{font-family:Shantell Sans,cursive;font-size:22px;font-weight:500;position:relative}.header__logo:hover .header__logo-img{right:37px;top:-5px}.header__logo:before{background-color:transparent;content:"";height:45px;position:absolute;width:100%}.header__logo span{display:inline-block;margin-left:30px;-webkit-transform:translateY(20px);transform:translateY(20px)}.header__logo-img{position:absolute;right:42px;top:5px;transition:all .5s ease;width:40px}.header__form{border-radius:30px;display:flex;justify-items:center;max-width:300px;position:relative;-webkit-transform:translateY(10px);transform:translateY(10px);width:100%;z-index:10}.header__form-input{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);padding:15px 45px 15px 35px;width:100%}.header__form-img{background-color:transparent;border:none;left:9px;pointer-events:none;position:absolute;top:12px}.header__form-img:hover path{fill:#000}.header__form-img svg{width:30px}.header__form-clear{cursor:pointer;position:absolute;right:5px;top:-19px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.header__form-clear:hover path{fill:#000}.header__form-clear svg{pointer-events:none;width:22px}.header__form-clear path{fill:rgba(0,0,0,.7);transition:fill .3s ease}.header__form-clear ellipse{display:none}.header__form-search{background-color:transparent;border:none;border-radius:50%;cursor:pointer;left:9px;position:absolute;top:12px}.header__form-search svg{pointer-events:none;width:25px}.header__form-list{background-color:#fff;box-shadow:0 0 8px 0 rgba(0,0,0,.3);display:none;left:0;padding:20px;position:absolute;top:60px;width:100%;z-index:5}.header__form-list,.header__form-place{border:1px solid rgba(0,0,0,.7);border-radius:30px}.header__form-place{cursor:pointer;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.header__form-place:hover{background-color:rgba(0,0,0,.05);-webkit-transform:translateX(10px);transform:translateX(10px)}.header__form-place+.header__form-place{margin-top:10px}.header__signin{border:1px solid rgba(0,0,0,.7);border-radius:30px;padding:10px;position:relative;text-align:center;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all .3s ease;width:80px}.header__signin:hover{background-color:#fff;-webkit-transform:translateY(10px) rotate(10deg);transform:translateY(10px) rotate(10deg)}.header__account{opacity:1;position:relative}.header__account-user{align-items:center;background-color:transparent;border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);cursor:pointer;display:flex;padding:8px 10px;position:relative;-webkit-transform:translateY(10px);transform:translateY(10px);transition:all .3s ease;will-change:transform;z-index:10}.header__account-user:hover{background-color:#fff;-webkit-transform:translateY(10px) rotate(10deg);transform:translateY(10px) rotate(10deg)}.header__account-user svg{fill:#000;pointer-events:none;width:20px}.header__account-login{font-size:16px;margin-left:5px}.header__account-logout{background-color:#b5f2f2;border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);cursor:pointer;font-size:0;height:0;letter-spacing:2px;opacity:0;overflow:hidden;padding:0;position:absolute;right:50%;top:15px;-webkit-transform:translateX(50%);transform:translateX(50%);transition:all .3s ease;width:0;will-change:transform}.header__account-logout.show{background-color:#b5f2f2;font-size:15px;height:30px;opacity:1;overflow:visible;padding:5px 8px;top:60px;width:auto}.header__account-logout:hover{background-color:#fff;-webkit-transform:translateX(50%) rotate(10deg);transform:translateX(50%) rotate(10deg)}.navigation{margin-right:30px}.navigation__list{align-items:center;border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;margin-bottom:20px;padding:20px 10px;width:-webkit-max-content;width:max-content}.navigation__list-item{border:1px solid rgba(0,0,0,.7);border-radius:50%;height:40px;transition:all .3s ease;width:40px;will-change:transform}.navigation__list-item:hover{background-color:#fff;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.navigation__list-item:hover svg{fill:#000}.navigation__list-item+.navigation__list-item{margin-top:15px}.navigation__list-item a{height:100%;width:100%}.navigation__list-item svg{fill:rgba(0,0,0,.7);pointer-events:none}.navigation__list-item .home-img{-webkit-transform:scale(1.3);transform:scale(1.3)}.navigation__list-item .map_img{-webkit-transform:scale(1.1);transform:scale(1.1)}.navigation__list-item .favourite-img{-webkit-transform:scale(.9);transform:scale(.9)}.navigation__list-home svg{margin-left:11px;margin-top:10px}.navigation__list-maps svg{margin-left:7.5px;margin-top:7px}.navigation__list-favorite svg{margin-left:9.5px;margin-top:7.5px}.navigation__other{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);padding:20px 10px;position:relative;z-index:10}.navigation__theme{align-items:center;border:1px solid rgba(0,0,0,.7);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin-bottom:15px;transition:all .3s ease;width:40px}.navigation__theme:hover{background-color:#fff;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.navigation__theme-img{width:30px}.navigation__lang-active{border:1px solid rgba(0,0,0,.7);height:40px}.navigation__lang-active,.navigation__lang-item{border-radius:50%;cursor:pointer;overflow:hidden;transition:all .3s ease;width:40px}.navigation__lang-item{height:0;opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}.navigation__lang-img{background-position:50%;object-fit:cover;padding:0;-webkit-transform:translateX(-16px) translateY(-16px);transform:translateX(-16px) translateY(-16px);width:70px}.navigation__lang-list{height:0;opacity:0;overflow:hidden;transition:all .3s ease}.navigation__lang.show .navigation__lang-list{height:160%;margin-top:10px;opacity:1;overflow:visible}.navigation__lang.show .navigation__lang-item{border:1px solid rgba(0,0,0,.7);height:40px;opacity:1}.weather{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);left:110%;opacity:0;padding:20px;position:relative;transition:all 1s ease;width:100%}.weather.animate{left:0;opacity:1}.weather__top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.today{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);cursor:pointer;font-size:18px;margin-right:30px;max-width:-webkit-max-content;max-width:max-content;padding:20px 20px 30px;position:relative;transition:background-color .3s ease;width:100%}.today:hover{background-color:#fff}.today-inner{width:100%}.today-about{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.today-time{margin-right:20px;padding-right:20px;position:relative;text-align:center}.today-time time{display:block}.today-time:after{background-color:rgba(0,0,0,.7);content:"";height:100%;position:absolute;right:0;top:0;width:1px}.today-info{text-align:center}.today-how{display:flex;justify-content:space-between}.today-desc{margin-right:20px;min-width:-webkit-max-content;min-width:max-content;text-align:center}.today-degree{font-size:48px}.today-degree>span{display:inline-block;font-size:18px;-webkit-transform:translateY(-18px);transform:translateY(-18px)}.today-img{margin-right:25px;max-width:100px;width:100%}.today__favorite{background-color:#fff;border:1px solid rgba(0,0,0,.7);border-radius:50%;bottom:8px;cursor:pointer;height:40px;position:absolute;right:8px;transition:all .3s ease;width:40px;z-index:10}.today__favorite:hover{background-color:rgba(0,0,0,.05);-webkit-transform:rotate(10deg) scale(.9);transform:rotate(10deg) scale(.9)}.today__favorite:hover svg{fill:red;pointer-events:none}.today__favorite svg{fill:transparent;stroke:#000;stroke-width:5px;margin-top:4px;transition:all .3s ease;width:30px}.today__favorite-remove path{stroke-width:2px}.today__favorite-remove svg{stroke:#000;pointer-events:none}.information{width:100%}.information__inner{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);padding:20px}.information__title{margin-bottom:10px}.information__cols{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.information__col{align-items:center;border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);cursor:default;display:flex;flex-direction:column;max-width:200px;padding:15px;transition:all .3s ease;width:100%;will-change:transform}.information__col:hover{background-color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}.information__col-title{flex:1 1;font-family:Shantell Sans,cursive;font-size:16px;font-weight:400;margin-bottom:10px;text-align:center}.information__col-info{align-items:center;display:flex;justify-content:space-between}.information__col-graph{background-color:#fff;border:1px solid rgba(0,0,0,.7);border-radius:5px;height:60px;margin-right:20px;overflow:hidden;position:relative;width:60px}.information__col-fill{background-color:#2b9fe2;border-radius:3px;bottom:0;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%}.information__col-sunrise{margin-bottom:10px}.information__col-sunrise,.information__col-sunset{align-items:center;display:flex;justify-content:space-between}.information__col-sunrise svg,.information__col-sunset svg{margin-right:20px;pointer-events:none;width:30px}.information__col-max{margin-bottom:10px}.information__col-max,.information__col-min{align-items:center;display:flex;justify-content:space-between}.information__col-max svg,.information__col-min svg{margin-right:15px;pointer-events:none;width:25px}.information__col-max span>span,.information__col-min span>span{display:inline-block;font-size:12px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.information__col-direction{align-items:center;display:flex;margin-bottom:10px}.information__col-direction svg{margin-right:15px;pointer-events:none;width:25px}.information__col-speed{align-items:center;display:flex}.information__col-speed svg{margin-right:15px;pointer-events:none}.week{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);padding:20px}.week__title{margin-bottom:10px}.week-items{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr)}.week__item{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);cursor:pointer;display:flex;flex-direction:column;max-width:140px;padding:15px;text-align:center;transition:all .3s ease;width:100%;will-change:transform}.week__item:hover{background-color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}.week__item-day{font-family:Shantell Sans,cursive;font-weight:400;margin-bottom:5px}.week__item-img{margin:0 auto 5px;max-width:60px;width:100%}.week__item-desc{margin-bottom:10px}.week__item-temp{display:flex}.week__item-max,.week__item-min{align-items:center;display:flex;flex-direction:column;margin:0 auto}.week__item-max svg,.week__item-min svg{pointer-events:none;width:20px}.login,.register{border:1px solid rgba(0,0,0,.7);border-radius:30px;bottom:-100vh;box-shadow:0 0 8px 0 rgba(0,0,0,.3);opacity:0;padding:20px;position:relative;transition:all 1s ease;width:100%}.login.animate,.register.animate{bottom:0;opacity:1}.login__title,.register__title{font-size:48px;letter-spacing:.1em;margin-bottom:20px;text-align:center;text-transform:uppercase}.login__form,.register__form{font-size:18px;margin:0 auto;max-width:300px;width:100%}.login__form-block,.register__form-block{margin-top:35px;position:relative}.login__form-title,.register__form-title{border-left:1px solid transparent;border-right:1px solid transparent;display:block;left:32px;margin-bottom:5px;padding:0 5px;pointer-events:none;position:absolute;top:6px;transition:all .3s ease}.login__form-input,.register__form-input{background-color:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.7);margin-bottom:10px;outline:none;padding:7px 0 7px 35px;transition:all .3s ease;width:100%}.login__form-input:focus~span,.login__form-input:valid~span,.register__form-input:focus~span,.register__form-input:valid~span{border-left:1px solid rgba(0,0,0,.7);border-right:1px solid rgba(0,0,0,.7);left:0;padding:0 5px;top:-25px}.login__form-input:-webkit-autofill,.register__form-input:-webkit-autofill{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.login__form-btn,.register__form-btn{background-color:transparent;border:1px solid rgba(0,0,0,.7);border-radius:30px;cursor:pointer;margin:15px 0;min-width:90px;padding:10px;transition:all .3s ease;width:-webkit-max-content;width:max-content}.login__form-btn:hover,.register__form-btn:hover{background-color:#fff;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.login__form-reg,.register__form-reg{font-size:16px}.login__form-link,.register__form-link{position:relative;transition:color .3s ease}.login__form-link:hover,.register__form-link:hover{color:rgba(0,0,0,.7)}.login__form-link:hover:before,.register__form-link:hover:before{background-color:rgba(0,0,0,.5);width:100%}.login__form-link:before,.register__form-link:before{background-color:#000;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:all .3s ease;width:40%}.login__form-error,.login__form-isfounded,.register__form-error,.register__form-isfounded{color:#da0404;font-size:15px;height:0;opacity:0;overflow:hidden;transition:all .3s ease}.login__form-error.show,.login__form-isfounded.show,.register__form-error.show,.register__form-isfounded.show{height:auto;opacity:1;overflow:visible}.login__form svg,.register__form svg{left:7px;position:absolute;top:7px;transition:all .3s ease;width:20px}.login__form path,.register__form path{fill:rgba(0,0,0,.7)}.login__form .icon-log path,.register__form .icon-log path{stroke-width:.5px}.login__form .icon-pass,.register__form .icon-pass{left:2px;top:2px;-webkit-transform:scale(.7);transform:scale(.7);width:28px}.login__form .icon-email path,.register__form .icon-email path{fill:none}.register{overflow:hidden}.register__popup{left:100%;opacity:0;overflow:hidden;text-align:center}.register__popup,.register__popup:before{border-radius:30px;height:100%;position:absolute;top:0;transition:all 1s ease;width:100%}.register__popup:before{background-color:rgba(181,242,242,.7);content:"";left:0}.register__popup.show{left:0;opacity:1}.register__popup.show:before{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(5px)}.register__popup-inner{left:50%;padding:20px;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.register__popup-title{font-size:48px;letter-spacing:3px}.register__popup-desc{font-size:24px;letter-spacing:3px;padding-top:20px}.register__popup-desc span{font-family:Shantell Sans,cursive;font-weight:600}.register__popup-done{display:block;padding-top:20px;transition:all 2s ease}.register__popup-done svg{pointer-events:none;width:160px}.favorites{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);left:110%;opacity:0;padding:20px;position:relative;transition:all 1s ease;width:100%}.favorites.animate{left:0;opacity:1}.favorites__title{margin-bottom:10px}.favorites__box{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.favorites__item{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);display:flex;flex-direction:column;min-width:140px;padding:15px;text-align:center;transition:all .3s ease;width:100%;will-change:transform}.favorites__item:hover{background-color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}.favorites__item-title{margin-bottom:5px}.favorites__item-img{margin:0 auto 5px;max-width:60px;width:100%}.favorites__item-desc{margin-bottom:10px}.favorites__item-temp{display:flex;flex:1 1;margin-bottom:10px}.favorites__item-max,.favorites__item-min{align-items:center;display:flex;flex-direction:column;margin:0 auto}.favorites__item-max svg,.favorites__item-min svg{pointer-events:none;width:20px}.favorites__item-max{margin-right:10px}.favorites__item-btn{background-color:transparent;border:1px solid rgba(0,0,0,.7);border-radius:30px;cursor:pointer;padding:5px 10px;transition:all .3s ease}.favorites__item-btn:hover{background-color:rgba(0,0,0,.1)}.error{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);left:110%;padding:20px;position:relative;text-align:center;transition:all 1s ease;width:100%}.error.animate{left:0;opacity:1}.error:hover .error__images{-webkit-transform:rotateY(1turn) scale(.9);transform:rotateY(1turn) scale(.9)}.error:hover .error__desc{-webkit-transform:translateY(-20px) scale(.8);transform:translateY(-20px) scale(.8)}.error__images{display:block;margin:0 auto;max-width:300px;position:relative;transition:all 2s ease;width:100%}.error__image{width:100%}.error svg{position:absolute;right:5px;top:10px;width:100px}.error__desc{font-family:Shantell Sans,cursive;font-size:36px;font-weight:800;margin:0 auto;max-width:500px;text-transform:uppercase;-webkit-transform:translateY(-20px);transform:translateY(-20px);transition:all 2s ease}.error__btn{border:1px solid rgba(0,0,0,.7);border-radius:30px;padding:10px;transition:all .3s ease}.error__btn:hover{background-color:#fff;-webkit-transform:rotate(10deg);transform:rotate(10deg)}.dayfull{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);padding:20px;transition:background-color .3s ease;width:100%}.dayfull__inner{justify-content:space-around;margin-bottom:30px}.dayfull__how,.dayfull__inner{align-items:center;display:flex}.dayfull__how{flex-direction:column}.dayfull__desc{font-family:Shantell Sans,cursive;font-size:18px;font-weight:500;margin-right:20px;min-width:-webkit-max-content;min-width:max-content;text-align:center}.dayfull__degree{font-size:48px}.dayfull__degree>span{display:inline-block;font-size:18px;-webkit-transform:translateY(-18px);transform:translateY(-18px)}.dayfull__img{margin-right:25px;max-width:200px;width:100%}.dayfull__info{text-align:center}.dayfull__city{font-size:48px;margin-bottom:10px}.dayfull__data{font-size:24px}.dayfull__time{display:block;font-size:20px;margin-top:10px;position:relative;text-align:center}.dayfull__time span{font-family:Shantell Sans,cursive;font-weight:500}.dayfull__cols{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);justify-items:center}.maps{border:1px solid rgba(0,0,0,.7);border-radius:30px;box-shadow:0 0 8px 0 rgba(0,0,0,.3);left:110%;opacity:0;padding:20px;position:relative;transition:all 1s ease;width:100%}.maps.animate{left:0;opacity:1}.maps__map{border-radius:30%;justify-self:stretch;width:100%}.maps__title{margin-bottom:10px}.maps iframe{border-radius:30px;height:600px}.empty,.maps iframe{border:1px solid rgba(0,0,0,.7);box-shadow:0 0 8px 0 rgba(0,0,0,.3);width:100%}.empty{border-radius:30px;padding:20px;position:relative}.empty__img{display:block;margin-top:-30px;text-align:center}.empty__img svg{stroke:#000;max-width:200px;width:100%}.empty__img path{fill:#2b9fe2}.empty__text{font-family:Shantell Sans,cursive;font-size:20px;font-weight:600;margin:0 auto;max-width:600px;text-align:center}.empty__decors{-webkit-animation:stars 8s ease infinite;animation:stars 8s ease infinite;left:0;top:0}.empty__decor,.empty__decors{position:absolute}.empty__decor path{fill:#ffed09;stroke:#ffcf48}.empty__decor-first{-webkit-animation:starsRotateFirst 8s ease infinite;animation:starsRotateFirst 8s ease infinite;left:60px;top:0;-webkit-transform:scale(.6) rotate(30deg);transform:scale(.6) rotate(30deg)}.empty__decor-second{-webkit-animation:starsRotateSecond 8s ease infinite;animation:starsRotateSecond 8s ease infinite;left:180px;top:20px;-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}.empty__decor-third{-webkit-animation:starsRotateThird 8s ease infinite;animation:starsRotateThird 8s ease infinite;left:120px;top:40px;-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}.loading{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:transparent;border:1px solid rgba(0,0,0,.7);border-radius:50%;height:50px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}.loading__decor{-webkit-animation:loading 3s ease infinite;animation:loading 3s ease infinite;left:-21px;position:absolute;top:-24px}.loading svg{-webkit-transform:scale(.4);transform:scale(.4)}.title{font-family:Shantell Sans,cursive;font-size:21px;font-weight:500}html.dark body{background-color:#333b3b}html.dark .content{background-color:rgba(0,0,0,.3)}html.dark .content,html.dark .header__inner{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .header__logo{color:#fff}html.dark .header__form-input,html.dark .header__form-list{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .header__form-list{background-color:#1b1a1a}html.dark .header__form-place{border:1px solid hsla(0,0%,100%,.7);color:#fff}html.dark .header__form-place:hover{background-color:hsla(0,0%,100%,.05)}html.dark .header__signin{border:1px solid hsla(0,0%,100%,.7);color:#fff}html.dark .header__signin:hover{color:#000}html.dark .header__account-user{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3);transition:all .3s ease}html.dark .header__account-user:hover{background-color:#fff}html.dark .header__account-user:hover path{stroke:#000}html.dark .header__account-user:hover .header__account-login{color:#000}html.dark .header__account-login{color:#fff}html.dark .header__account path{stroke:#fff;transition:stroke .3s ease}html.dark .header__account-logout{background-color:#333b3b;border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3);color:#fff}html.dark .header__account-logout:hover{background-color:#fff;color:#000}html.dark .navigation__list{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .navigation__list-item{border:1px solid hsla(0,0%,100%,.7);height:40px;width:40px}html.dark .navigation__list-item:hover{background-color:#fff}html.dark .navigation__list-item:hover svg{fill:#000}html.dark .navigation__list-item:hover .favourite-img path{stroke:#000}html.dark .navigation__list-item svg{fill:hsla(0,0%,100%,.7)}html.dark .navigation__list-item .favourite-img path{stroke:hsla(0,0%,100%,.7);transition:stroke .3s ease}html.dark .navigation__other{box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .navigation__lang-active,html.dark .navigation__lang.show .navigation__lang-item,html.dark .navigation__other,html.dark .navigation__theme{border:1px solid hsla(0,0%,100%,.7)}html.dark .today,html.dark .weather{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .today:hover{background-color:#fff}html.dark .today:hover .today-about{color:#000}html.dark .today:hover .today-time:after{background-color:rgba(0,0,0,.7)}html.dark .today:hover .today-how{color:#000}html.dark .today-about{color:#fff;transition:color .3s ease}html.dark .today-time:after{background-color:hsla(0,0%,100%,.7);transition:background-color .3s ease}html.dark .today-how{color:#fff;transition:color .3s ease}html.dark .today__favorite{background-color:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.7)}html.dark .today__favorite:hover{background-color:hsla(0,0%,100%,.05);border:1px solid rgba(0,0,0,.7)}html.dark .today__favorite:hover svg{fill:red;stroke:#000}html.dark .today__favorite svg{stroke:#fff}html.dark .today__favorite-remove path{stroke-width:2px}html.dark .today__favorite-remove svg{stroke:#fff}html.dark .information__col,html.dark .information__inner{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .information__col{cursor:default;transition:all .3s ease}html.dark .information__col:hover{background-color:#fff;-webkit-transform:scale(.95);transform:scale(.95)}html.dark .information__col:hover .information__col-info,html.dark .information__col:hover .information__col-max,html.dark .information__col:hover .information__col-min,html.dark .information__col:hover .information__col-sunrise,html.dark .information__col:hover .information__col-sunset,html.dark .information__col:hover .information__col-title{color:#000}html.dark .information__col:hover .information__col-graph{border:1px solid rgba(0,0,0,.7)}html.dark .information__col:hover .information__col-direction,html.dark .information__col:hover .information__col-speed{color:#000}html.dark .information__col:hover .information__col-direction svg,html.dark .information__col:hover .information__col-speed svg{fill:#000}html.dark .information__col-info,html.dark .information__col-title{color:#fff;transition:color .3s ease}html.dark .information__col-graph{border:1px solid hsla(0,0%,100%,.7);transition:border .3s ease}html.dark .information__col-max,html.dark .information__col-min,html.dark .information__col-sunrise,html.dark .information__col-sunset{color:#fff;transition:color .3s ease}html.dark .information__col-direction,html.dark .information__col-speed{color:#fff}html.dark .information__col-direction svg,html.dark .information__col-speed svg{fill:#fff;transition:fill .3s ease}html.dark .week,html.dark .week__item{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .week__item{color:#fff}html.dark .week__item:hover{color:#000}html.dark .login,html.dark .register{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .login__form-title,html.dark .login__title,html.dark .register__form-title,html.dark .register__title{color:#fff}html.dark .login__form-input,html.dark .register__form-input{border-bottom:1px solid #fff;color:#fff}html.dark .login__form-input:focus~span,html.dark .login__form-input:valid~span,html.dark .register__form-input:focus~span,html.dark .register__form-input:valid~span{border-left:1px solid #fff;border-right:1px solid #fff}html.dark .login__form-icon path,html.dark .register__form-icon path{stroke:#fff}html.dark .login__form .icon-email path,html.dark .login__form .icon-pass path,html.dark .register__form .icon-email path,html.dark .register__form .icon-pass path{stroke-width:.5px}html.dark .login__form-btn,html.dark .register__form-btn{border:1px solid hsla(0,0%,100%,.7);color:#fff}html.dark .login__form-btn:hover,html.dark .register__form-btn:hover{background-color:#fff;color:#000}html.dark .login__form-link,html.dark .login__form-reg,html.dark .register__form-link,html.dark .register__form-reg{color:#fff}html.dark .login__form-link:hover,html.dark .register__form-link:hover{color:hsla(0,0%,100%,.7)}html.dark .login__form-link:hover:before,html.dark .register__form-link:hover:before{background-color:hsla(0,0%,100%,.5);width:100%}html.dark .login__form-link:before,html.dark .register__form-link:before{background-color:#fff}html.dark .register__popup{color:#fff}html.dark .register__popup:before{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background-color:rgba(51,59,59,.7)}html.dark .favorites,html.dark .favorites__item{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .favorites__item{color:#fff}html.dark .favorites__item:hover{background-color:#fff;color:#000;-webkit-transform:scale(.95);transform:scale(.95)}html.dark .favorites__item:hover .favorites__item-btn{border:1px solid rgba(0,0,0,.7);color:#000}html.dark .favorites__item-btn{border:1px solid hsla(0,0%,100%,.7);color:#fff}html.dark .favorites__item-btn:hover{background-color:rgba(0,0,0,.1)}html.dark .error{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .error__desc{color:#fff}html.dark .error__btn{border:1px solid hsla(0,0%,100%,.7);color:#fff}html.dark .error__btn:hover{color:#000}html.dark .dayfull{color:#fff}html.dark .dayfull,html.dark .empty,html.dark .maps,html.dark .maps iframe{border:1px solid hsla(0,0%,100%,.7);box-shadow:0 0 8px 0 hsla(0,0%,100%,.3)}html.dark .empty__img svg{stroke:#fff;max-width:200px;width:100%}html.dark .empty__img path{fill:#2b9fe2}html.dark .empty__text{color:#fff}html.dark .empty__decors{-webkit-animation:stars 8s ease infinite;animation:stars 8s ease infinite;left:0;position:absolute;top:0}html.dark .empty__decor{position:absolute}html.dark .empty__decor path{fill:#ffed09;stroke:#ffcf48}html.dark .title{color:#fff}@-webkit-keyframes stars{0%{left:0;top:0;-webkit-transform:scale(1);transform:scale(1)}50%{left:30px;top:0;-webkit-transform:scale(1.2);transform:scale(1.2)}to{left:0;top:0;-webkit-transform:scale(1);transform:scale(1)}}@keyframes stars{0%{left:0;top:0;-webkit-transform:scale(1);transform:scale(1)}50%{left:30px;top:0;-webkit-transform:scale(1.2);transform:scale(1.2)}to{left:0;top:0;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes starsRotateFirst{0%{-webkit-transform:scale(.6) rotate(30deg);transform:scale(.6) rotate(30deg)}50%{-webkit-transform:scale(.7) rotate(240deg);transform:scale(.7) rotate(240deg)}to{-webkit-transform:scale(.6) rotate(30deg);transform:scale(.6) rotate(30deg)}}@keyframes starsRotateFirst{0%{-webkit-transform:scale(.6) rotate(30deg);transform:scale(.6) rotate(30deg)}50%{-webkit-transform:scale(.7) rotate(240deg);transform:scale(.7) rotate(240deg)}to{-webkit-transform:scale(.6) rotate(30deg);transform:scale(.6) rotate(30deg)}}@-webkit-keyframes starsRotateSecond{0%{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}50%{-webkit-transform:scale(.6) rotate(240deg);transform:scale(.6) rotate(240deg)}to{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}}@keyframes starsRotateSecond{0%{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}50%{-webkit-transform:scale(.6) rotate(240deg);transform:scale(.6) rotate(240deg)}to{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}}@-webkit-keyframes starsRotateThird{0%{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}50%{-webkit-transform:scale(.5) rotate(240deg);transform:scale(.5) rotate(240deg)}to{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}}@keyframes starsRotateThird{0%{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}50%{-webkit-transform:scale(.5) rotate(240deg);transform:scale(.5) rotate(240deg)}to{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}}@-webkit-keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes loading{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media(max-width:1160px){.weather__top{display:block}.today{margin-bottom:20px;margin-left:50%;max-width:500px;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.today-time:after{display:none}.information__cols{justify-items:center}.information__col{max-width:100%}.today-about,.today-how{justify-content:space-around}.week-items{gap:20px;grid-template-columns:repeat(3,1fr)}.week__item{max-width:100%}}@media(max-width:960px){.dayfull__cols{grid-template-columns:repeat(3,1fr)}.empty__decor-first{left:20px;-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}.empty__decor-second{left:130px;-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}.empty__decor-third{left:70px;-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}@-webkit-keyframes stars{0%{-webkit-transform:scale(1);transform:scale(1)}50%{left:0;-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes stars{0%{-webkit-transform:scale(1);transform:scale(1)}50%{left:0;-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes starsRotateFirst{0%{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}50%{-webkit-transform:scale(.6) rotate(240deg);transform:scale(.6) rotate(240deg)}to{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}}@keyframes starsRotateFirst{0%{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}50%{-webkit-transform:scale(.6) rotate(240deg);transform:scale(.6) rotate(240deg)}to{-webkit-transform:scale(.5) rotate(30deg);transform:scale(.5) rotate(30deg)}}@-webkit-keyframes starsRotateSecond{0%{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}50%{-webkit-transform:scale(.5) rotate(240deg);transform:scale(.5) rotate(240deg)}to{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}}@keyframes starsRotateSecond{0%{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}50%{-webkit-transform:scale(.5) rotate(240deg);transform:scale(.5) rotate(240deg)}to{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}}@-webkit-keyframes starsRotateThird{0%{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}50%{-webkit-transform:scale(.4) rotate(240deg);transform:scale(.4) rotate(240deg)}to{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}}@keyframes starsRotateThird{0%{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}50%{-webkit-transform:scale(.4) rotate(240deg);transform:scale(.4) rotate(240deg)}to{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}}.register__popup-title{font-size:38px}.register__popup-desc{font-size:21px}.register__popup-done svg{width:120px}}@media(max-width:760px){.header__inner{flex-direction:column}.header__form-input,.header__logo{margin-bottom:20px}.information__cols,.week-items{grid-template-columns:repeat(2,1fr)}.login__title,.register__title{font-size:40px}.favorites__box{grid-template-columns:repeat(2,1fr)}.dayfull__img{max-width:170px}.dayfull__cols{grid-template-columns:repeat(2,1fr)}.maps iframe{height:400px}@-webkit-keyframes stars{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(.6);transform:scale(.6)}}@keyframes stars{0%{-webkit-transform:scale(.6);transform:scale(.6)}50%{-webkit-transform:scale(.7);transform:scale(.7)}to{-webkit-transform:scale(.6);transform:scale(.6)}}}@media(max-width:600px){.header__inner{margin-bottom:20px}.content__block{display:block}.navigation{margin-right:0}.navigation__inner{display:flex;margin-bottom:20px}.navigation__list{align-items:center;flex-direction:inherit;height:-webkit-max-content;height:max-content;justify-content:center;margin-bottom:0;margin-right:20px;padding:10px}.navigation__list-item+.navigation__list-item{margin-left:10px;margin-top:0}.navigation__other{display:flex;max-width:-webkit-max-content;max-width:max-content;padding:10px;position:relative}.navigation__theme{margin-bottom:0;margin-right:10px}.navigation__lang-list{-webkit-transform:translateX(5px);transform:translateX(5px)}.navigation__lang.show .navigation__lang-list{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(181,242,242,.5);display:block;margin-top:0}html.dark .navigation__lang.show .navigation__lang-list{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:rgba(51,59,59,.5)}.navigation__lang-list{background-color:#e8e7e3;border:1px solid rgba(0,0,0,.7);border-radius:30px;padding:5px;position:absolute;right:8px;top:70px;z-index:20}.register__popup-title{font-size:32px}.register__popup-desc{font-size:18px;padding-top:10px}.register__popup-done{padding-top:10px}.register__popup-done svg{width:100px}}@media(max-width:550px){.empty__decor-first{left:20px;-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}.empty__decor-second{left:100px;-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}.empty__decor-third{left:50px;-webkit-transform:scale(.2) rotate(30deg);transform:scale(.2) rotate(30deg)}@-webkit-keyframes starsRotateFirst{0%{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}50%{-webkit-transform:scale(.5) rotate(240deg);transform:scale(.5) rotate(240deg)}to{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}}@keyframes starsRotateFirst{0%{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}50%{-webkit-transform:scale(.5) rotate(240deg);transform:scale(.5) rotate(240deg)}to{-webkit-transform:scale(.4) rotate(30deg);transform:scale(.4) rotate(30deg)}}@-webkit-keyframes starsRotateSecond{0%{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}50%{-webkit-transform:scale(.4) rotate(240deg);transform:scale(.4) rotate(240deg)}to{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}}@keyframes starsRotateSecond{0%{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}50%{-webkit-transform:scale(.4) rotate(240deg);transform:scale(.4) rotate(240deg)}to{-webkit-transform:scale(.3) rotate(30deg);transform:scale(.3) rotate(30deg)}}@-webkit-keyframes starsRotateThird{0%{-webkit-transform:scale(.2) rotate(30deg);transform:scale(.2) rotate(30deg)}50%{-webkit-transform:scale(.3) rotate(240deg);transform:scale(.3) rotate(240deg)}to{-webkit-transform:scale(.2) rotate(30deg);transform:scale(.2) rotate(30deg)}}@keyframes starsRotateThird{0%{-webkit-transform:scale(.2) rotate(30deg);transform:scale(.2) rotate(30deg)}50%{-webkit-transform:scale(.3) rotate(240deg);transform:scale(.3) rotate(240deg)}to{-webkit-transform:scale(.2) rotate(30deg);transform:scale(.2) rotate(30deg)}}}@media(max-width:480px){.information__inner,.weather__week,html.dark .information__inner,html.dark .week{border:none;box-shadow:none;padding:0}.favorites__box,.information__cols,.week-items{grid-template-columns:repeat(1,1fr)}.login__title,.register__title{font-size:30px}.dayfull__inner{flex-direction:column}.dayfull__about{margin-bottom:10px;order:-1}.dayfull__img{margin:0}.dayfull__cols{grid-template-columns:repeat(1,1fr)}.empty__decors{display:none}}@media(max-width:400px){.header__form-input::-webkit-input-placeholder{font-size:14px}.header__form-input::placeholder{font-size:14px}.navigation__inner{display:block}.navigation__list{margin-bottom:20px;margin-right:0}.navigation__list,.navigation__other{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.today-about{font-size:14px;margin-bottom:20px}.today-degree{font-size:32px}.today-sky{font-size:14px}.today-img{max-width:55px}.today__favorite{height:35px;-webkit-transform:scale(.9);transform:scale(.9);width:35px}.today__favorite:hover{-webkit-transform:scale(.8) rotate(20deg);transform:scale(.8) rotate(20deg)}.today__favorite svg{margin-top:2px}.login__title,.register__title{font-size:22px}.register__form-btn,.register__form-title{font-size:17px}.error svg{display:none}.error__desc{font-family:Shantell Sans,cursive;font-size:24px;font-weight:600}.dayfull__city{font-size:42px;margin-bottom:5px}.dayfull__data{font-size:22px}.dayfull__img{max-width:130px}.dayfull__degree{font-size:42px}.maps iframe{height:260px}.empty__img svg{max-width:160px}.empty__text{font-size:18px}.register__popup-title{font-size:26px}.register__popup-desc{font-size:16px}.register__popup-done svg{width:90px}.register__popup-title{font-size:22px}}@media(max-width:350px){.register__popup-title{font-size:20px}.register__popup-desc{font-size:15px}.register__popup-done svg{width:80px}}
/*# sourceMappingURL=main.48cafd47.css.map*/