*,:after,:before{margin:0;padding:0;border:none;outline:none;box-sizing:border-box;list-style:none;text-decoration:none;background-color:transparent}body{font-family:"Roboto",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;color:#64635f}.page{position:relative;background-size:400px}.page,.page-background{background-image:url(https://www.transparenttextures.com/patterns/cubes.png);background-color:#efefec}.page-background{position:fixed;width:100%;height:100%;z-index:-1}.data-container{margin:auto;max-width:1280px;display:flex;flex-direction:row;justify-content:center;align-items:center}.container-dashboard{padding:30px 25px 90px;position:relative;display:block}.dashboard{flex-direction:column;justify-content:flex-start}.dashboard,.dashboard-body{width:100%;display:flex;align-items:flex-start}.dashboard-body{padding-top:30px;flex-direction:row;justify-content:space-between}.dashboard-column{width:50%;box-sizing:border-box}@media (min-width:992px){.data-container{padding:40px 55px}}@media (min-width:768px){.data-container{min-height:calc(100vh - 168px);padding:70px 35px}}@media (min-width:600px){.container-dashboard{padding:30px 55px 90px}}header{background-color:#fff;box-shadow:0 2px 9px rgb(0 0 0/13%);margin:-10px -23px;padding:0 100px;box-shadow:0 0 10px 0 rgba(0,0,0,.3);position:relative;height:98px;z-index:14}.header_container{justify-content:space-between;margin:auto;max-width:1280px}.header_container,.header_left{height:100%;display:flex;flex-direction:row;align-items:center}.header_left{justify-content:flex-start}.header_title{background-position:0 -188px;width:137px;height:25px;font-size:24px}.header_logo,.header_title{background-repeat:no-repeat}.header_logo{background-position:-271px -131px;width:54px;height:54px;border-radius:11px;box-shadow:2px 2px 9px rgb(0 0 0/13%);margin-right:18px;color:#ffee93}.header_right{right:-14px;height:100%;justify-content:flex-end}.header_profile,.header_right{position:relative;display:flex;flex-direction:row;align-items:center}.header_profile{justify-content:center;font-size:15px;color:#333;height:39px;line-height:39px;padding:0 14px;cursor:default}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.header_logo,.header_title{background-size:402px 360px}}@media (min-width:768px){.header_container{padding:0 35px}}@media (min-width:992px){.header_container{padding:0 55px}}.underbar{display:block;width:100%;height:1px;background-color:#434343;bottom:10px;transition:all .5s ease}.feed,.underbar{position:relative}.dashboard .feed{margin-left:20px}.transaction{display:flex;flex-direction:row;position:relative;min-height:80px;background-color:#fff}.transaction:first-child{border-radius:4px 4px 0 0}.transaction:not(:last-child){border-bottom:1px solid rgba(222,220,220,.8)}.day-slice-date{margin-bottom:12px;font-size:21px;color:#696868;text-align:left;font-weight:500}.day-slice-week-day{text-transform:uppercase}.day-slice-body{margin-bottom:20px;background-color:#fff;border-radius:4px;box-shadow:2px 2px 9px rgb(0 0 0/13%)}.transaction-body{display:flex;flex-direction:row;justify-content:space-between;width:100%}.transaction-categories{max-width:48%;margin-right:48px;padding:20px 0 20px 50px}.transaction-source{font-size:14px;color:#7b7a7a}.transaction-destination,.transaction-source{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:"Roboto",Arial,sans-serif;cursor:pointer}.transaction-destination{margin-top:9px;font-size:17px;font-weight:400;color:#000}.transaction-data{display:flex;flex-direction:column;align-items:flex-end;max-width:58%;padding:20px 20px 20px 0}.transaction-amount{font-size:17px;white-space:nowrap;text-align:right;font-family:Roboto,Arial,sans-serif;color:#64635f;cursor:pointer}.transaction-type-positive .transaction-amount{color:#03a879}.transaction-type-negative .transaction-amount{color:#e53935}.license-locker,.transaction-tags-wrapper{position:relative;cursor:pointer}.transaction-tags-wrapper{visibility:hidden;font-size:12px;font-weight:300;font-style:italic;text-align:right;color:rgba(0,0,0,.7);word-break:normal;word-wrap:normal;word-spacing:.1em}.transaction-tags-wrapper-no-hide{visibility:visible!important}.transaction-comment{margin-top:4px;font-size:12px;font-weight:300;font-style:italic;text-align:right;white-space:pre-wrap;color:#000;cursor:pointer}.transaction-edit{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:50px;height:92px}.transaction-delete{margin-bottom:14px;height:16px}.transaction-calendar,.transaction-delete{cursor:pointer;width:14px;background-repeat:no-repeat}.transaction-calendar{height:14px}.day-slice-footer{display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-start;min-height:80px;padding:20px 20px 20px 50px;background-color:rgba(244,244,241,.4);border-radius:0 0 4px 4px;border-bottom:none;border-top:1px solid #e8e7e7}.day-slice-footer-value{font-size:20px;font-weight:400;white-space:nowrap;color:#4f4f4f}.day-slice-footer-title{margin-top:9px;font-size:12px;color:#9a9898}.day-slice-total{text-align:right}.day-slice-footer-positive .day-slice-total .day-slice-footer-value{color:#03a879}.day-slice-footer-negative .day-slice-total .day-slice-footer-value{color:#e53935}.dashboard-top{width:100%}.add-transaction-wrapper{z-index:10}.add-transaction{width:100%;height:66px;box-shadow:2px 2px 9px rgb(0 0 0/13%);background-color:#fff;position:relative;border-radius:4px;line-height:66px;padding:0 86px 0 20px;color:#757474;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;font-size:16px;z-index:3;font-family:"Roboto";font-weight:300}.add-transaction-tooltip{display:inline-block;vertical-align:top}.onboarding-tooltip{position:relative;overflow:visible}.add-transaction-amount{margin-left:5px}.add-transaction-text{margin:0 5px}.add-transaction-placeholder{margin:0}.add-transaction-amount-component,.add-transaction-date,.add-transaction-debtor,.add-transaction-step,.add-transaction-text,.add-transaction .autocomplete-wrapper{display:inline-block;vertical-align:middle}.add-transaction-submit{position:absolute;right:0;top:0;height:100%;width:66px;background-color:#0eac7f;border-top-right-radius:4px;border-bottom-right-radius:4px;cursor:pointer}.add-transaction-submit[disabled]{cursor:default;opacity:.5}.add-transaction-submit:before{position:absolute;left:50%;top:50%;margin-left:-11px;margin-top:-11px;background-position:-240px -138px;width:22px;height:22px;background-repeat:no-repeat;content:""}.transaction-adder-focus{position:fixed;background-color:hsla(0,0%,94.9%,.8);width:100%;height:100%;top:0;left:0;z-index:400}.transaction-adder-focus+.add-transaction{z-index:401}.add-transaction-steps-wrapper{white-space:nowrap;height:100%;margin-left:-5px}.add-transaction-step{white-space:nowrap;height:100%}.add-transaction-money-input{margin-left:3px}.btn,.btn-category,.btn-create,.btn-danger,.btn-delete,.btn-success,.btn-warning,.popup-ready-button-color-foliage,.submit{text-align:center;color:#fff;font-family:"Roboto",sans-serif;text-transform:uppercase;width:100%;cursor:pointer;border-bottom-right-radius:4px;border-bottom-left-radius:4px;transition:all .5s}.popup-message{background:hsla(0,0%,94.9%,.8);white-space:nowrap;text-align:center;padding:100px 0;position:fixed;top:0;left:0;overflow-y:scroll;width:100%;height:100%;z-index:500}.popup-content{position:relative;border-radius:4px;display:flex;flex-direction:row;justify-content:space-around;align-items:flex-start;width:850px;margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.popup-block{width:450px;box-shadow:0 2px 9px 0 rgb(0 0 0/13%);border-radius:5px;position:absolute}.popup-block-income{position:relative;background-color:#0491d1}.popup-block-account{position:relative;background-color:#f0ad2e}.popup-block-category{position:relative;background-color:#03a879}.create-input{height:86px;position:relative}.create-input-sep{border-bottom:2px solid hsla(0,0%,100%,.4)}.form-item{position:relative}.popup-input{display:block;height:100%;width:100%;padding:30px 100px 30px 25px;color:#fff;font-size:18px}.popup-input::-webkit-input-placeholder{color:#bebebe}.popup-input:-ms-input-placeholder{color:#bebebe}.popup-input::placeholder{color:#bebebe}.popup-input-sub{position:absolute;bottom:10px;left:26px;font-size:12px;color:#fff;font-weight:500}.popup-input-sub-error{color:#e53935;animation:blinker 1.2s linear}.popup-block-category .popup-input-sub-error,.popup-block-income .popup-input-sub-error{color:#fce431}.popup-input-number{padding:30px 30px 30px 25px}.selectbox{height:69px;position:relative;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 30px;font-size:18px;color:#fff}.transaction-helper-input{position:absolute;top:-1000px;left:-1000px;visibility:hidden;white-space:pre;font-size:inherit;font-style:inherit}.selectbox input{color:#fff;font-size:18px;font-family:inherit}.btn-create{height:80px;font-weight:400;font-size:22px;line-height:80px;transition:all .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.btn-create-income:hover{background-color:#55beeb}.btn-create-account:hover{background-color:#fae155}.btn-create-category:hover{background-color:#69d7aa}.btn-delete{height:80px;font-weight:400;font-size:22px;line-height:80px;transition:all .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:hsla(0,0%,100%,.5)}.btn-delete-income:hover{color:#fff;background-color:#3c91cd}.btn-delete-account:hover{color:#fff;background-color:#e6af4b}.btn-delete-category:hover{color:#fff;background-color:#4ba57d}.btn-create-income{background-color:#03bded}.btn-create-account{background-color:#fc0}.btn-create-category{background-color:#05d398}.btn-wrapper-invisible{height:0}.btn-wrapper{height:80px;transition:all .3s}.btn-invisible{visibility:hidden;height:0;overflow:hidden}.btn-category{height:80px;font-weight:400;font-size:22px;line-height:80px;transition:all .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:hsla(0,0%,100%,.5)}.icon-picker-wrapper{width:360px;max-height:550px;height:100%;overflow-y:auto;margin-left:40px}.card-list{flex-wrap:wrap;display:flex;padding:15px 20px 0}.card-item-icon-income:hover,.card-list .card-item-icon-income:hover{background-color:#55c0ed}.card-item-icon-account:hover,.card-list .card-item-icon-account:hover{background-color:#fae155}.card-item-icon-category:hover,.card-list .card-item-icon-category:hover{background-color:#69d7aa}.icon-picker-wrapper .card-item-icon{margin:5px 0;display:flex;background-color:transparent;box-shadow:none}.card-item-icon{display:flex;position:relative;width:60px;height:60px;border-radius:50%;overflow:hidden;box-shadow:0 2px 9px 0 rgb(0 0 0/13%);margin:auto;cursor:pointer}.card-icon{margin:auto}.icon-picker-icon{position:absolute;top:12px;right:30px}.card-item-icon-income{background-color:#03bded}.card-item-icon-account{background-color:#fc0}.card-item-icon-category{background-color:#0ac38e}.card-item-icon-miscellaneous{width:37px;height:37px;background-repeat:no-repeat;margin:auto}.accounts-container{z-index:15;width:540px;border-radius:4px;background-color:#fff;box-shadow:2px 2px 9px rgb(0 0 0/13%);margin-bottom:30px;position:relative}.category-block-header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;max-height:140px;padding:20px;font-weight:400;font-size:20px;border-bottom:1px solid #e8e7e7;background-color:rgba(244,244,241,.4);color:#797878}.category-block-stats{width:310px;text-align:right}.category-block-name{text-transform:uppercase}.category-block-date,.category-block-stats-title{margin-top:5px;text-transform:lowercase;font-size:12px;color:#9a9898}.category-block-stats-item{display:inline-block;width:135px;margin:0 0 16px 20px;text-align:right}.category-block-body{display:flex;flex-wrap:wrap;padding:15px 17px 0}.category{display:flex;position:relative;flex-direction:column;align-items:center;width:120px;margin:0 3px 15px;z-index:1}.category-title{width:100%;height:38px;overflow:hidden;line-height:38px;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-weight:500;color:#4f4f4f}.category-icon-wrapper{position:relative;margin:10px 0;width:60px;height:60px;overflow:hidden;border-radius:50%;background:#fff;cursor:pointer}.category-account .category-icon-wrapper,.category-category .category-icon-wrapper,.category-income .category-icon-wrapper{box-shadow:0 2px 9px 0 rgb(0 0 0/13%)}.category-income .category-fill{background-color:#03bded}.category-account .category-fill{background-color:#fc0}.category-category .category-fill{background-color:#0ac38e}.category-fill{position:absolute;bottom:0;left:0;width:100%;height:100%}.category-icon{width:37px;height:37px}.category-icon,.category-icon-add{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:auto}.category-icon-add:hover{background-color:#d6d6d6}.category-amount{padding:4px 0;height:40px;box-sizing:border-box;text-align:center}.category-income .category-actual-amount{color:#0a93d1}.category-account .category-actual-amount{color:#f9a825}.category-category .category-actual-amount{color:#0ac38e}.category-actual-amount{height:16px;line-height:16px;font-weight:500;font-size:16px}.category-edit{position:absolute;top:45px;right:1px;width:18px;height:18px;fill:#d5d5d5;cursor:pointer;z-index:3}.category-add-category{padding:38px 0 40px}.category-planned-amount{font-size:13px;color:#9a9898}.category-block-trigger{cursor:pointer;display:block;text-align:center;width:100%;position:relative;height:24px}.category-block-trigger:after,.category-block-trigger:before{content:"";display:block;background-color:#b8b6b6;width:3px;height:10px;position:absolute;left:0;right:0;margin:auto}.category-block-trigger:before{left:-8px;height:13px;transform:rotate(-45deg)}.category-block-trigger:after{right:-8px;height:13px;transform:rotate(45deg)}.category-block-trigger-opened:before{transform:rotate(45deg)}.category-block-trigger-opened:after{transform:rotate(-45deg)}
/*# sourceMappingURL=main.efcf25b8.chunk.css.map */