*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:DM Sans,sans-serif}p{line-height:150%}@media (min-width: 23.4em){.main-component[data-v-eb7866bb]{display:flex;align-items:center;justify-content:center;height:100svh;padding:.3em}.main-component .chart-component[data-v-eb7866bb]{display:flex;justify-content:space-between;flex-direction:column;flex-wrap:wrap;min-width:100%}.main-component .chart-component .chart-header[data-v-eb7866bb]{display:flex;justify-content:space-between;background-color:#ec775f;padding:1em;border-radius:.8em}.main-component .chart-component .chart-header .chart-header-balance__balance[data-v-eb7866bb],.main-component .chart-component .chart-header .chart-header-balance__amount-balance[data-v-eb7866bb]{color:#f8e9dd;font-size:.8125rem;font-weight:400}.main-component .chart-component .chart-header .chart-header-balance__amount-balance[data-v-eb7866bb]{font-size:1.125rem;font-weight:700}.main-component .chart-component .chart-header .chart-header-icon-container[data-v-eb7866bb]{display:flex;align-items:center}.main-component .chart-component .body-component[data-v-eb7866bb]{display:flex;flex-direction:column;background-color:#fffaf5;border-radius:.8em;gap:2em;margin-top:.5em}.main-component .chart-component .body-component__header[data-v-eb7866bb]{text-align:center;font-weight:700;font-size:1.125rem}.main-component .chart-component .body-component .charts[data-v-eb7866bb]{display:flex;flex-direction:row;justify-content:space-between}.main-component .chart-component .body-component .charts .days-charts[data-v-eb7866bb]{display:flex;flex-direction:column-reverse;align-items:center}.main-component .chart-component .body-component .charts .days-charts__day[data-v-eb7866bb]{color:#93867b}.main-component .chart-component .body-component .charts .days-charts__chart[data-v-eb7866bb]{background-color:#ec775f;width:2.5em;border-radius:.4em;cursor:pointer;transition:background-color .3s ease-in-out}.main-component .chart-component .body-component .charts .days-charts__chart-value[data-v-eb7866bb]{color:#fffaf5;background-color:#382314;padding:.3em;margin-bottom:.5em;border-radius:.4em;font-family:inherit;font-size:.8125rem;opacity:0;transition:opacity .3s ease-in-out}.main-component .chart-component .body-component .charts .days-charts:hover .days-charts__chart[data-v-eb7866bb]{background-color:#76b5bc}.main-component .chart-component .body-component .charts .days-charts:hover .days-charts__chart-value[data-v-eb7866bb]{opacity:1}.main-component .chart-component .body-component .chart-body-footer[data-v-eb7866bb]{display:flex;justify-content:space-between}.main-component .chart-component .body-component .chart-body-footer .chart-total__amount[data-v-eb7866bb],.main-component .chart-component .body-component .chart-body-footer .chart-increase__amount[data-v-eb7866bb]{font-size:1.125rem;font-weight:700}.main-component .chart-component .body-component .chart-body-footer .chart-total__title[data-v-eb7866bb],.main-component .chart-component .body-component .chart-body-footer .chart-increase__title[data-v-eb7866bb]{color:#93867b;font-size:.8125rem}}@media (min-width: 26.56em){.main-component .chart-component .chart-header .chart-header-balance__balance[data-v-eb7866bb]{font-size:1.125rem}.main-component .chart-component .chart-header .chart-header-balance__amount-balance[data-v-eb7866bb]{font-size:1.5rem}.main-component .chart-component .body-component[data-v-eb7866bb]{padding:1.5em}.main-component .chart-component .body-component__header[data-v-eb7866bb]{font-size:1.5rem}.main-component .chart-component .body-component .charts .days-charts__chart[data-v-eb7866bb]{width:2.8em}.main-component .chart-component .body-component .chart-body-footer .chart-total__amount[data-v-eb7866bb],.main-component .chart-component .body-component .chart-body-footer .chart-increase__amount[data-v-eb7866bb]{font-size:1.5rem}.main-component .chart-component .body-component .chart-body-footer .chart-total__title[data-v-eb7866bb],.main-component .chart-component .body-component .chart-body-footer .chart-increase__title[data-v-eb7866bb]{color:#93867b;font-size:1.125rem}}@media (min-width: 36em){.main-component .chart-component[data-v-eb7866bb]{min-width:36em}.main-component .chart-component .body-component .charts .days-charts__chart[data-v-eb7866bb]{width:3.5em}}body{width:100%;background-color:#f8e9dd}