.menu{position:fixed;bottom:0;width:100%;background-color:#000;height:64px;display:flex;justify-content:center;align-items:center}.menu .menu-links{display:flex;height:98%}.menu .menu-links a{color:#fff;font-size:16px;display:flex;align-items:center;padding:0 40px;border:1px solid transparent;transition:all .3s;border-radius:4px}.menu .menu-links a.active{border:1px solid #fff}.logout{position:absolute;right:30px;color:#fff;display:flex;align-items:center}.logout p{font-weight:700;margin-right:10px;font-size:15px}.logout button{margin-top:2px;cursor:pointer;color:#fff}.logout button:focus{background-color:#fff}.info{position:absolute;right:3%;top:4%;display:flex;align-items:center}.info p{font-weight:700;margin-right:10px;font-size:25px}.info .balance{font-size:30px}.info svg{margin-right:20px}@media screen and (max-width:768px){.info{top:2%}.menu{flex-direction:column;height:100px}.menu .menu-links{border-bottom:1px solid #fff;padding:1px 0 10px 0}.logout{position:static;padding:5px 0 10px 0}}@media screen and (max-width:768px){.menu .menu-links a{font-size:14px;padding:0 10px}}.container-home{width:70%;margin:0 auto}@media screen and (max-width:768px){.container-home{width:95%}}button.log{margin-bottom:5px!important}button.google{width:40px!important}.or{text-align:center;margin:5px 0;color:silver;font-size:25px;font-weight:700;padding:5px 0}.form-home{position:fixed;background-color:rgba(0,0,0,.2);height:100%;width:100%;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center}.form-home form{width:40%;background-color:#fff;border:3px solid #000;border-radius:10px;padding:15px}.form-home form h5{font-weight:600;margin-bottom:20px;text-align:center}.form-home form button{border:2px solid #000;font-weight:600;font-size:18px;border-radius:10px;width:200px;height:40px;display:flex;justify-content:center;align-items:center;margin:0 auto}.form-home form button:hover{width:220px;border:2px solid #000}.form-home form label{color:#000}.form-home form label.active{color:silver!important}.form-home form small{color:#c10e0e!important}@media screen and (max-width:768px){.form-home form{width:60%}}@media screen and (max-width:550px){.form-home form{width:80%}}.faces[data-v-7b9f6ef0]{overflow:hidden;height:100%}svg[data-v-7b9f6ef0]{width:30%;height:30%;pointer-events:none;position:absolute;bottom:0}svg.left[data-v-7b9f6ef0]{left:0}svg.right[data-v-7b9f6ef0]{right:0}svg.center[data-v-7b9f6ef0]{left:50%;margin-left:-15%}@media screen and (max-width:768px){svg[data-v-7b9f6ef0]{width:200px;height:200px}svg.left[data-v-7b9f6ef0]{left:-4%;bottom:12%}svg.right[data-v-7b9f6ef0]{right:0;bottom:17%}svg.center[data-v-7b9f6ef0]{bottom:0;left:50%;margin-left:-15%}}@media screen and (max-width:420px){svg[data-v-7b9f6ef0]{width:100px;height:100px}}@media screen and (max-width:340px){svg.left[data-v-7b9f6ef0]{left:-10%;bottom:2%}svg.right[data-v-7b9f6ef0]{right:-10%;bottom:5%}svg.center[data-v-7b9f6ef0]{bottom:0;left:50%;margin-left:-15%}}header{padding-top:50px;display:flex;align-items:center;justify-content:space-between;flex-direction:row}header h1{margin:0;font-size:50px;font-weight:600}header button{font-size:16px;font-weight:300;cursor:pointer;border-bottom:1px solid transparent;margin:0 5px;transition:all .3s}header button:focus{background-color:initial}header button:hover{border-bottom:1px solid #ccc}.content{width:90%;margin:60px auto 60px auto}.content p{font-size:30px;font-weight:400;margin-bottom:20px}.start-btn{display:block;margin:0 auto;border:2px solid #000;font-weight:600;font-size:30px;padding:16px 16px;border-radius:10px;cursor:pointer;transition:all .3s}.start-btn:hover{color:#fff;background-color:#000}@media screen and (max-width:768px){header{flex-direction:column}header h1{margin-bottom:30px;font-size:40px}.content{width:95%;margin:20px auto 20px auto}.content p{font-size:16px;font-weight:400;margin-bottom:10px}.start-btn{font-size:18px;padding:10px 12px;border-radius:10px}.start-btn:hover{color:#fff;background-color:#000}}@media screen and (max-width:550px){header h1{margin-bottom:20px;font-size:25px}}.sort-menu{position:absolute;left:0;top:0;background-color:rgba(0,0,0,.7);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;transition:all .4s;z-index:1000}.sort-menu.novisible{left:-100%}.sort-menu button{cursor:pointer;border:1px solid #fff;font-size:30px;color:#fff;font-weight:500;padding:10px 0;width:230px;margin-bottom:30px;transition:all .3s}.sort-menu button:hover{width:250px}.sort-menu button:focus{background-color:initial}.sort-menu button:disabled{color:#ccc;border-color:#ccc}.sort-menu button.active{background-color:#fff;color:#000}.form-emotions{position:fixed;background-color:rgba(0,0,0,.2);height:100%;width:100%;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center}.form-emotions .form{width:30%;padding:10px;position:relative;border-radius:20px;border:2px solid #000;background-color:#fff}.form-emotions .form form{margin-bottom:10px}.form-emotions .form h4{font-weight:600;font-size:25px}.form-emotions .form label,.form-emotions .form p{font-size:15px;color:silver;font-weight:300}.form-emotions .form p{margin-bottom:10px}.form-emotions .form p.error{font-weight:500;color:#f44336}.form-emotions .form input{height:2.5rem;margin-bottom:15px}.form-emotions .form .record-icons{display:flex;flex-wrap:wrap;height:150px;align-items:flex-start;overflow-y:scroll}.form-emotions .form .record-icon{height:50px;overflow:hidden;padding:10px 20px;border:1px solid #000;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:5px;margin-right:10px;transition:all .2s;margin-bottom:10px}.form-emotions .form .record-icon.selected{background-color:#000;color:#fff}.form-emotions .form .record-icon:focus{background-color:#000}h4{font-size:30px;text-align:center;margin-bottom:20px}h4 svg{margin-left:5px}.stat{margin-bottom:20px;text-align:center}.stat p{font-size:24px}.stat p.out{color:#c10e0e}.stat p.inc{color:#048053}.main{margin-top:100px}.action-emotion{width:100px;height:100px;border-radius:50%;font-size:25px;cursor:pointer}.action-emotion.minus-emotion{background-color:#000;color:#fff}.action-emotion.minus-emotion:focus{background-color:#000}.action-emotion.minus{background-color:#000;color:#fff}.action-emotion.minus:focus{background-color:#000}.action-emotion.plus-emotion{border:3px solid #000;margin-right:70px}.action-emotion.plus-emotion:focus{background-color:#fff}.action-emotion.plus{border:3px solid #000}.action-emotion.plus:focus{background-color:#fff}.action-buttons{display:flex;justify-content:center}.settings{cursor:pointer;position:absolute;left:5%;top:4%;z-index:100001;transition:all .4s}.settings svg{fill:#000;transition:all .2s}.settings svg:hover{fill:silver}.settings.active{left:12%}.settings.active svg{fill:#fff;transition:all .2s}.settings.active svg:hover{fill:silver}.history-chart{width:70%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap}.history-chart div{width:49%;border:1px solid silver;border-radius:10px;padding:20px 10px 30px 10px}.history-chart div h5{text-align:center;font-weight:700;font-size:16px;margin-bottom:15px;margin-top:0}.plus-record{margin-top:10px!important;border:2px solid #000!important;margin-bottom:10px}.close{position:absolute;top:-20px;right:-20px;background-color:#000;color:#fff}.close:focus{background-color:#000!important}.show-charts{display:flex;margin:20px auto;border:2px solid #000;padding:6px 50px;border-radius:5px;font-size:20px;font-weight:500;cursor:pointer}.show-charts.show{color:#fff}.show-charts.show,.show-charts.show:focus{background-color:#000}.show-charts:focus{background-color:#fff}@media screen and (max-width:1025px){.history-chart{z-index:-1;margin-bottom:100px}.history-chart div{width:100%;margin-bottom:10px;padding:10px 10px 20px 10px}}@media screen and (max-width:768px){.settings{top:2%}.form-emotions .form{width:80%}.history-chart{margin-bottom:200px}.history-chart div{padding:10px 5px 10px 5px}.history-chart div h5{margin-bottom:10px}}@media screen and (max-width:500px){.history-chart{width:95%}}h4[data-v-3c5f9364]{color:silver;font-size:20px;text-align:left;font-weight:500;margin-bottom:0}h5[data-v-3c5f9364]{font-weight:400;font-size:15px;color:silver}input[data-v-3c5f9364]{border-bottom:2px solid #000!important;font-weight:500;font-size:18px}input[data-v-3c5f9364]::-moz-placeholder{font-weight:400}input[data-v-3c5f9364]:-ms-input-placeholder{font-weight:400}input[data-v-3c5f9364]::placeholder{font-weight:400}input[data-v-3c5f9364]:focus{box-shadow:none!important}.plus-category[data-v-3c5f9364]{display:block;margin:0 auto;border:1px solid #000!important;width:38px;height:38px;font-size:18px}.plus-category[data-v-3c5f9364]:focus{background-color:#fff}form[data-v-3c5f9364]{margin-bottom:20px}@media screen and (max-width:768px){.create-category[data-v-3c5f9364]{padding-bottom:100px}}h4[data-v-0e29f8ce]{color:silver;font-size:20px;text-align:left;font-weight:500;margin-bottom:0}h5[data-v-0e29f8ce]{font-weight:400;font-size:15px;color:silver}input[data-v-0e29f8ce]{border-bottom:2px solid #000!important;font-weight:500;font-size:18px}input[data-v-0e29f8ce]::-moz-placeholder{font-weight:400}input[data-v-0e29f8ce]:-ms-input-placeholder{font-weight:400}input[data-v-0e29f8ce]::placeholder{font-weight:400}.plus-category[data-v-0e29f8ce]{display:block;margin:0 auto;border:1px solid #000!important;width:38px;height:38px;font-size:18px}.plus-category[data-v-0e29f8ce]:focus{background-color:#fff}@media screen and (max-width:768px){.edit-category[data-v-0e29f8ce]{padding-bottom:120px}}h4[data-v-6084a8bf]{color:silver;text-align:left;font-weight:500;font-size:30px}.categories-wrap[data-v-6084a8bf]{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:20px}.categories-wrap.sb[data-v-6084a8bf]{justify-content:space-between}.categories-wrap .category-item[data-v-6084a8bf]{padding:5px 0;border-radius:5px;display:flex;align-items:center;width:33%}.categories-wrap .category-item .category-item-user[data-v-6084a8bf]{width:41px;height:41px;border-radius:5px;border:1px solid #000;display:flex;justify-content:center;align-items:center;margin-right:10px}.categories-wrap .category-item p[data-v-6084a8bf]{font-size:14px;font-weight:300;margin-right:15px;text-overflow:ellipsis;width:60px;overflow:hidden}.categories-wrap .category-item .change[data-v-6084a8bf],.categories-wrap .category-item .delete[data-v-6084a8bf]{cursor:pointer}.categories-wrap .category-item .change s i[data-v-6084a8bf],.categories-wrap .category-item .delete s i[data-v-6084a8bf]{font-size:20px!important}.categories-wrap .category-item .change[data-v-6084a8bf]:focus,.categories-wrap .category-item .delete[data-v-6084a8bf]:focus{background-color:#fff}.categories-wrap .category-item .delete[data-v-6084a8bf]{color:silver}.loader[data-v-6084a8bf]{position:absolute;margin-top:0}div.active[data-v-6084a8bf]{visibility:visible}div.done[data-v-6084a8bf]{visibility:hidden}.action-buttons-category button[data-v-6084a8bf]{margin-right:0!important;width:38px;height:38px;font-size:18px}.plus-category[data-v-6084a8bf]{border:1px solid #000!important;width:38px;height:38px;font-size:18px}.plus-category[data-v-6084a8bf]:focus{background-color:#fff}@media screen and (max-width:768px){.categories[data-v-6084a8bf]{margin-top:70px;margin-bottom:50px}h4[data-v-6084a8bf]{text-align:center}.categories-wrap .category-item[data-v-6084a8bf]{justify-content:center;width:50%}.categories-wrap .category-item p[data-v-6084a8bf]{width:150px}}@media screen and (max-width:550px){.categories-wrap[data-v-6084a8bf]{height:200px;overflow-y:scroll}.categories-wrap .category-item[data-v-6084a8bf]{width:100%}}.statistic[data-v-5186e073]{margin-bottom:100px}.records-stat__item[data-v-5186e073]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid silver;padding:5px 0}.records-stat__item p[data-v-5186e073]{display:flex;color:#000;font-weight:500;font-size:18px}.records-stat__item p.count[data-v-5186e073]{width:70px}.records-stat__item p.count svg[data-v-5186e073]{margin-left:5px}.records-stat__item p.index[data-v-5186e073]{color:silver}.records-stat__item p.category[data-v-5186e073]{white-space:nowrap;overflow:hidden;width:100px}.records-stat__item p.category i[data-v-5186e073]{margin-left:5px}.records-stat__item p.active[data-v-5186e073]{visibility:visible}.records-stat__item p.done[data-v-5186e073]{opacity:0}.records-stat p.lost[data-v-5186e073]{font-weight:600;color:#c10e0e;font-size:30px}.records-stat p.add[data-v-5186e073]{font-weight:600;color:#048053;font-size:30px}.records-stat .records-stat__item-body[data-v-5186e073]{max-height:0;margin-top:1px;box-shadow:4px 3px 8px rgba(0,0,0,.4);background-color:#fff;border-top:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;border-radius:5px;padding:0;overflow:hidden;transition:all .3s}.records-stat .records-stat__item-body p[data-v-5186e073]{font-weight:500;font-size:18px}.records-stat .records-stat__item-body p.type[data-v-5186e073]{font-weight:600;font-size:30px;margin-right:0}.records-stat .records-stat__item-body p .label[data-v-5186e073]{font-size:16px;font-weight:400}.records-stat .records-stat__item-body .date[data-v-5186e073]{display:block}button[data-v-5186e073]:focus{background-color:transparent}.records-stat__item.active+.records-stat__item-body[data-v-5186e073]{max-height:200px;padding:10px 20px;border:1px solid silver}.showInfo[data-v-5186e073]{transition:transform .2s}.showInfo.active[data-v-5186e073]{transform:rotate(180deg)}@media screen and (max-width:768px){.statistic[data-v-5186e073]{margin-top:70px}}@media screen and (max-width:550px){.records-stat__item[data-v-5186e073]{padding:3px 0}.records-stat__item p[data-v-5186e073]{font-weight:400;font-size:14px}.records-stat__item p.count svg[data-v-5186e073]{margin-left:3px}.records-stat__item p.category[data-v-5186e073]{width:100px}.records-stat__item p.category i[data-v-5186e073]{font-size:20px;margin-left:5px}.records-stat__item p.date[data-v-5186e073]{display:none}}.icon-text,i{pointer-events:none}h5{margin:0;padding:0}button{background:transparent;border:0}p{padding:0;margin:0}body{font-family:Montserrat,sans-serif}.container{width:660px}.icon-item{width:43px;height:43px;border:1px solid #000;border-radius:5px;margin:2px}.icon-item.selected{border:0;background-color:#000}.icon-item.selected i{color:#fff}.icon-item:focus{background-color:#000}.icon-item:focus i{color:#fff}.category-buttons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:20px}.action-emotion{font-weight:700}input.invalid{border-bottom:1px solid #f44336;box-shadow:0 1px 0 0 #f44336}.action-button{font-size:18px;border-radius:50%;margin:0 auto;display:block;font-weight:700;width:38px;height:38px;cursor:pointer}.action-button:focus{background-color:#fff}.error{color:#f44336}input{border-bottom:2px solid #000!important;font-weight:500;font-size:18px}input::-moz-placeholder{font-weight:400}input:-ms-input-placeholder{font-weight:400}input::placeholder{font-weight:400}input:focus{box-shadow:none!important}.icon-item.active{background-color:grey}@media screen and (max-width:768px){.container{width:80%}}@media screen and (max-width:550px){.container{width:95%}}.lds-ripple{margin:0 auto;position:relative;width:32px;height:32px}.lds-ripple div{position:absolute;border:1px solid #000;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite}.lds-ripple div:nth-child(2){-webkit-animation-delay:-.5s;animation-delay:-.5s}@-webkit-keyframes lds-ripple{0%{top:16px;left:16px;width:0;height:0;opacity:1}to{top:0;left:0;width:32px;height:32px;opacity:0}}@keyframes lds-ripple{0%{top:16px;left:16px;width:0;height:0;opacity:1}to{top:0;left:0;width:32px;height:32px;opacity:0}}.svg{position:absolute}.big-loader-wrapper{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;justify-content:center;align-items:center;background-color:#fff;z-index:1000000;transition:all .4s}.big-loader-wrapper .done{transform:translateY(100%)}.big-loader{height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-radius:5px;margin:0 auto}