:root{--red-500:#ec775f;--red-500-hover:#ec775fcc;--blue-300:#87bec4;--blue-300-hover:#87bec4cc;--brown-950:#382314;--brown-400:#93867b;--red-100:#f9ece1;--white:#fffbf5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{-webkit-font-smoothing:antialiased;background:var(--red-100);min-height:100dvh;font-family:DM Sans,sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{align-content:center;gap:clamp(1rem,.1111rem + 4.4444vw,1.5rem);max-width:31.25rem;height:97vh;margin:auto;padding-inline:1rem;display:grid}.card-header{background:var(--red-500);border-radius:clamp(.75rem,.3056rem + 2.2222vw,1rem);justify-content:space-between;align-items:center;padding:clamp(1.25rem,.3611rem + 4.4444vw,1.75rem);display:flex}.card-header__text{color:var(--white);flex-direction:column;justify-content:space-between;display:flex}.card-header__title{letter-spacing:-.02em;font-size:1rem;font-weight:400}.card-header__balance{font-size:clamp(1.5rem,.6111rem + 4.4444vw,2rem);font-weight:700;transform:translateY(clamp(0rem,2.2222vw - .4444rem,.25rem))}.card-header__icon{background:var(--brown-950);border-radius:50%;width:2.625rem;height:2.625rem;position:relative}.card-header__icon:before{content:"";border:2px solid var(--white);border-radius:50%;width:2.625rem;height:2.625rem;display:block;position:absolute;left:-1.3125rem}.card-content{background:var(--white);border-radius:clamp(.75rem,.3056rem + 2.2222vw,1rem);gap:clamp(1.25rem,.8056rem + 2.2222vw,1.5rem);padding-block:clamp(1.5rem,.6111rem + 4.4444vw,2rem);padding-inline:clamp(1.25rem,6.6667vw - .0833rem,2rem);display:grid}.card-content__title{font-size:clamp(1.25rem,.1389rem + 5.5556vw,1.875rem)}.card-content__chart{grid-template-columns:repeat(7,1fr);place-items:end center;gap:clamp(.75rem,.3056rem + 2.2222vw,1rem);height:13.45rem;display:grid}.chart__column{flex-direction:column-reverse;gap:.75rem;width:100%;height:100%;display:flex}.chart__day{color:var(--brown-400);align-self:center;font-size:.75rem}.chart__amount{background:var(--red-500);height:var(--bar-height,0%);border-radius:.25rem;transition:all .2s;position:relative}.chart__amount:hover{background:var(--red-500-hover)}.chart__amount:hover:before{content:attr(data-amount);color:var(--white);background:var(--brown-950);z-index:2;opacity:1;border-radius:.25rem;padding:.5rem;font-size:1rem;font-weight:700;position:absolute;top:-3rem;left:50%;transform:translate(-50%)}.chart__amount--active{background:var(--blue-300)}.chart__amount--active:hover{background:var(--blue-300-hover)}.card-content__separator{background:var(--red-100);border-radius:2px;width:100%;height:3px}.card-content__summary{justify-content:space-between;margin-block-end:clamp(0rem,4.4444vw - .8889rem,.5rem);display:flex}.summary__current-month{align-content:end;display:grid}.summary__current-month-value{font-size:clamp(2rem,.2222rem + 8.8889vw,3rem);font-weight:700;line-height:1.1;transform:translateY(clamp(0rem,4.4444vw - .8889rem,.5rem))}.summary__last-month{align-content:end;justify-items:right;display:grid}.summary__last-month-value{letter-spacing:-.02em;font-size:1rem;font-weight:700}.summary__current-month-title,.summary__last-month-title{color:var(--brown-400);letter-spacing:-.02em;font-size:1rem;font-weight:400}