:root{--primary-color:#ff8c22;--light-color:#fffcf9;--dark-color:#392008;--highlight-color:rgba(255,141,34,0.1843137254901961);--dark-highlight-color:rgba(255,141,34,0.8156862745098039);--light-gray:rgba(0,0,0,0.5333333333333333);--box-shadow-x:0 4px 4px 0 rgba(0,0,0,0.25);--box-shadow-dark-y:0 4px 10px 0 rgba(57,32,8,0.25);--box-shadow-dark-x:4px 0 14px 0 rgba(57,32,8,0.15);--box-shadow-primary-color:0 4px 10px 0 rgba(68,38,9,0.55);--cancel:#ab0000;--confirm:#0eab00}*{margin:0;padding:0;box-sizing:border-box}#app{font-family:Quicksand,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:var(--dark-color);background:var(--light-color)}ul{margin:0;padding:0}li,li a{text-decoration:none;list-style:none;color:inherit}li:active,li a:active{background-color:var(--highlight-color);border:none;outline:none}li a{font-size:20px}img{display:block;max-width:100%;max-height:100%}button{background:none;border:none;cursor:default;padding:0}button:focus{outline:none}button:active{background-color:var(--highlight-color)}input:focus{outline:none}.slide-in{transform:translate(0)!important;visibility:visible!important}.rotate-45-deg{transform:rotate(45deg) scale(0);opacity:0}.fade_in{opacity:1!important}.slide-fade-enter-active{transition:all .5s ease}.slide-fade-leave-active{transition:all .3s ease-in}.slide-fade-enter,.slide-fade-leave-to{transform:translateX(200px);opacity:0}.blur{-moz-filter:blur(1px);-o-filter:blur(1px);-ms-filter:blur(1px);filter:blur(1px)}.item[data-v-29090cdb]{display:flex;width:100%;justify-content:space-between;align-items:center;font-size:14px;font-weight:700;height:50px;padding:0 20px 0 25px;border-bottom:1px dotted #f4f4f4;top:0;left:0}.item--add-item[data-v-29090cdb]{color:#838383}.info[data-v-29090cdb]{display:flex;gap:15px}.actions[data-v-29090cdb]{display:flex;align-items:center;font-size:18px;height:100%}.actions .increment[data-v-29090cdb]{color:var(--confirm);padding:5px 10px}.actions .decrement[data-v-29090cdb]{color:var(--cancel);padding:5px 10px}.actions .remove[data-v-29090cdb]{color:var(--light-gray);padding:5px 10px}.actions .remove span[data-v-29090cdb]{transform:rotate(45deg);display:inline-block}.actions>[data-v-29090cdb]:active{background-color:var(--highlight-color);border-radius:4px}.category-card[data-v-3cc5fd48]{width:100%;border-radius:6px;background:#fff;box-shadow:var(--box-shadow-dark-y);max-width:350px}.category-card .category-name[data-v-3cc5fd48]{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;padding:25px 25px 0}.category-card .category-name h2[data-v-3cc5fd48]{font-size:18px;font-weight:700}rect[data-v-64038e34]{rx:2px;fill:#f4f4f4}.add-button-layover[data-v-64038e34]{width:100%;display:inherit;position:fixed;top:0}.add-button-wrapper[data-v-64038e34]{position:fixed;right:25px;bottom:45px;width:50px;height:50px;border-radius:50%;font-size:32px;z-index:3;background:var(--primary-color);box-shadow:var(--box-shadow-primary-color);transition:.4s ease-in-out}.picker-wrapper[data-v-b8e98020]{position:fixed;bottom:0;background:transparent;width:100%;transform:translateY(175px);transition:.3s ease-in-out;z-index:2}.picker-wrapper ul.category-list[data-v-b8e98020]{padding-top:5px;position:absolute;bottom:0;left:0;width:100%;box-shadow:var(--box-shadow-dark-x);border-radius:4px 4px 0 0;background:#fff}.picker-wrapper ul.category-list li.category[data-v-b8e98020]{padding:15px;border-bottom:1px dotted #dbdbdb;font-size:18px;font-weight:700}.add-item-layover[data-v-69b99581]{width:100%;height:100%;position:fixed;top:0;left:0;z-index:5;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;transition:.3s ease-in-out}.component-wrapper[data-v-69b99581]{background:#fff;box-shadow:0 4px 14px 0 rgba(0,0,0,.25);width:320px;height:210px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border-radius:6px;z-index:6}.component-wrapper__heading[data-v-69b99581]{font-weight:700;font-size:20px}.component-wrapper form[data-v-69b99581]{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding-top:20px}.component-wrapper form .details[data-v-69b99581]{display:flex;justify-content:space-between;font-size:16px;width:100%}.component-wrapper form .details input[data-v-69b99581]{width:50%;height:35px;border:none;border-radius:4px;background:#f4f4f4;text-align:inherit;font-size:14px;appearance:textfield}.component-wrapper form .details__name input[data-v-69b99581]{width:90%}.component-wrapper form .details__amount[data-v-69b99581]:focus,.component-wrapper form .details input[data-v-69b99581]:focus{border-bottom:1px solid var(--primary-color);transition:.3s}.component-wrapper form .details__amount[data-v-69b99581],.component-wrapper form .details__name[data-v-69b99581]{display:flex;flex-direction:column;text-align:left;font-weight:700;border-radius:4px}.component-wrapper form .details__amount[data-v-69b99581]{width:35%}.component-wrapper form .details__amount__amount-wrapper[data-v-69b99581]{display:flex;width:100%;border-radius:4px;background:#f4f4f4;text-align:center}.component-wrapper form .details__amount__amount-wrapper .edit[data-v-69b99581]{font-size:16px;font-weight:700}.component-wrapper form .details__amount__amount-wrapper .increment[data-v-69b99581]{color:var(--confirm);width:25%}.component-wrapper form .details__amount__amount-wrapper .decrement[data-v-69b99581]{color:var(--cancel);width:25%}.component-wrapper form .actions[data-v-69b99581]{display:flex;justify-content:space-between;align-items:center}.component-wrapper form .actions button[data-v-69b99581]{width:120px;height:35px;font-size:16px;font-weight:700;padding-top:2px}.component-wrapper form .actions .cancel[data-v-69b99581]{color:var(--cancel);border-radius:4px}.component-wrapper form .actions .confirm[data-v-69b99581]{color:var(--confirm);border-radius:4px;transition:.3s}.component-wrapper form .actions .confirm.inactive[data-v-69b99581]{color:#d3d3d3;border-color:#d3d3d3}.empty-state[data-v-3d3bccbe]{position:absolute;top:0;height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center}img[data-v-3d3bccbe]{width:75%;max-width:650px}.text[data-v-3d3bccbe]{color:rgba(0,0,0,.8);padding:10px;font-size:18px}.sub-text[data-v-3d3bccbe]{font-size:16px}.filter-wrapper[data-v-4e4436c8]{position:sticky;top:55px;width:100%;background-color:#fff;font-size:20px;font-weight:700;z-index:10;box-shadow:0 1px 4px 0 rgba(0,0,0,.25)}.filter-wrapper__filter-list[data-v-4e4436c8]{display:flex;align-items:center;justify-content:space-around}.filter-wrapper__filter[data-v-4e4436c8]{padding:20px 10px}header[data-v-67d15b19]{width:100vw;height:55px;position:sticky;top:0;left:0;font-family:Quicksand,cursive;letter-spacing:1px;font-size:24px;font-weight:700;color:var(--light-color);display:flex;justify-content:space-between;align-items:center;background:var(--primary-color);padding:0 32px;box-shadow:var(--box-shadow-primary-color);z-index:5}header nav[data-v-67d15b19]{height:100%}header nav .menu-icon[data-v-67d15b19]{margin-top:50%}header nav rect[data-v-67d15b19]{height:14px;width:100px;fill:#f4f4f4;rx:6px}.home[data-v-685bc458]{padding-bottom:100px}.home .category_item[data-v-685bc458]{background:linear-gradient(30deg,#fdcfcf,#8c8cec);padding:6rem}.home .card[data-v-685bc458]{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:25px 25px 15px}.home .filter-name[data-v-685bc458]{font-weight:700;font-size:20px;text-align:left;padding:20px 25px 0 35px}@media screen and (min-width:600px){.filter-name[data-v-685bc458]{text-align:center!important}}