header{height:60px;background:#41114b;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 2rem;position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 0 30px 0 #771d76}header a{color:#fff;text-transform:uppercase;text-decoration:none;font-weight:900}header a.router-link-active.router-link-exact-active{color:#a283c2}*{margin:0;padding:0;box-sizing:border-box}:root{--font-size:14px;--font-height:16.8}@media(max-width:800px){:root{--font-size:14px;--font-height:16.8}}body,html,textarea{scroll-behavior:smooth;margin:0;padding:0;font-size:var(--font-size);background-color:#0e0625;font-family:Roboto,sans-serif;font-weight:500}@media(max-width:800px){body,html,textarea{font-size:var(--font-size)}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff}.full-width-height{height:auto;padding-bottom:10vh}.full-height-header,.full-width-height{position:relative;width:100%;top:0;left:0}.full-height-header{height:100vh;display:block}.scrollable-container{padding:0;z-index:10;top:0;left:0;display:block;position:relative}.fade-temporary-header-enter-active,.fade-temporary-header-leave-active{transition-delay:2s;transition:all 1s ease-in-out}.fade-temporary-header-enter-from,.fade-temporary-header-leave-to{opacity:0}.centered-content{width:auto;position:relative}section{width:100vw;height:auto;min-height:100vh;padding:100px 50px;position:relative}.textarea-with-counter{margin-bottom:-1rem;transition:all .15s}.textarea-with-counter span.text-counter{font-size:1rem;color:gray;opacity:0;transition:all .15s}.textarea-with-counter.show-counter span.text-counter{opacity:1}.textarea-with-counter.warning span.text-counter{color:#ffdaa3;font-weight:600}.textarea-with-counter.error textarea{border:1px solid #eb5757}.textarea-with-counter.error span.text-counter{color:#eb5757;font-weight:800}input,textarea{border:0;border-radius:2rem;color:#fff;resize:none;padding:1rem;outline:none;background-color:#5b117f}.textarea-with-counter-suffix{display:flex;align-items:center;-webkit-align-items:center;-ms-flex-align:center;justify-content:center;-webkit-justify-content:center;position:absolute;top:0;right:0;height:2rem;width:1.5rem}.scrollbar-hidden::-webkit-scrollbar{display:none}button.active{background-color:#9eff9d;color:#16063a}.transactions{padding:2rem}.transaction{position:relative;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:stretch;margin-bottom:2rem;background:#16063a;height:auto;border-radius:1rem;box-shadow:0 10px 8px -10px #771d76;padding:1rem 2rem;justify-content:flex-start;transition:height .2s ease-in-out}.transaction.isnew:before{content:"";position:absolute;top:0;bottom:0;margin:auto;left:0;width:8px;height:100%;background:#9eff9d;border-radius:1rem}.transaction-row{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;flex-wrap:wrap;align-items:center;text-align:left}.transaction-row.editing-view{margin-top:2rem;flex-direction:column;align-items:stretch}.transaction .transaction-col{flex:1;display:flex;align-items:center}.transaction .transaction-col label{flex-grow:1}.transaction .transaction-col input,.transaction .transaction-col textarea{flex-grow:8}.transaction .editing-box{display:flex;flex-basis:100%}.transaction .title{flex-grow:6}.transaction .date{position:absolute;top:-6px;left:-6px;font-size:.6rem;font-weight:900;color:#b5a2ff}.transaction .category{flex-grow:1}.transaction .category .n-tag{margin:0 6px;border:1px solid #41114b;background:none;color:#fff;border-radius:10px}.transaction .amount{flex-grow:1;color:#f77}.transaction .amount.income{color:#5cff5c}.transaction .creator_share{flex-grow:0;display:none}.transaction .actions{flex-grow:1;justify-content:flex-end}.transaction .actions .material-design-icon{padding:0 .6rem}.transaction.sceleton{font-size:0;color:red}.transaction.sceleton .date{font-size:0}.transaction.sceleton .transaction-col{width:30px;height:1rem;margin:2rem;border-radius:2rem;background:linear-gradient(-45deg,#4d117b,#1e064d,#4d117b,#1e064d);background-size:400% 400%;-webkit-animation:gradient 1s ease infinite;animation:gradient 1s ease infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes gradient{0%{background-position:0 50%}to{background-position:100% 50%}}.editing-view-enter-active,.editing-view-leave-active{transition:all .2s ease-in-out}.editing-view-enter-from,.editing-view-leave-to{opacity:0;transform:translate3d(0,-5vh,0)}.fade-enter-active,.fade-leave-active{transition:all .4s ease-in-out;color:transparent}.fade-enter-from,.fade-leave-to{opacity:0;height:0;padding:0;margin:0;font-size:0}.center{margin-top:100px}