*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}html:focus-within{scroll-behavior:smooth}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1}a:not([class]){text-decoration-skip-ink:auto}a,a:visited,a:active{text-decoration:none}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button,[type=button],[type=reset],[type=submit]{border:0;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--chart-border-radius: 4;--layout-padding-top: 22;--font-size-chart: 14}@media screen and (min-width: 37.5em){:root{--chart-border-radius: 6;--layout-padding-top: 28;--font-size-chart: 16}}body{min-height:100vh;background-color:var(--color-cream)}main{min-height:inherit;row-gap:1rem;justify-content:center;align-items:center;padding-block:4rem}@media screen and (min-width: 37.5em){main{row-gap:1.5rem}}.flex-column{display:flex;flex-direction:column}:root{--font-dm-sans: "DM Sans", sans-serif;--font-size-2: .9375rem;--font-size-3: 1.5rem;--font-size-4: 1.875rem}@media screen and (min-width: 37.5em){:root{--font-size-2: 1.125rem;--font-size-3: 2rem;--font-size-4: 2.875rem}}body{font-family:var(--font-dm-sans)}.headline-1{font-size:var(--font-size-2);font-weight:400;color:var(--color-pale-orange)}.headline-2{font-size:var(--font-size-3);font-weight:700;color:var(--color-dark-brown)}.headline-3{font-size:var(--font-size-2);font-weight:400;color:var(--color-medium-brown)}.text{font-size:var(--font-size-2);font-weight:400}.text--700{font-weight:700}.text--lg{font-size:var(--font-size-3)}.text--xl{font-size:var(--font-size-4)}.text--light{color:var(--color-pale-orange)}.text--dark{color:var(--color-dark-brown)}.text--gray{color:var(--color-medium-brown)}:root{--color-soft-red: hsl(10, 79%, 65%);--color-cyan: hsl(186, 34%, 60%);--color-dark-brown: hsl(25, 47%, 15%);--color-medium-brown: hsl(28, 10%, 53%);--color-cream: hsl(27, 66%, 92%);--color-pale-orange: hsl(33, 100%, 98%)}.card{width:min(100% - 2rem,33.75rem);display:flex;border-radius:.625rem}@media screen and (min-width: 37.5em){.card{border-radius:1.25rem}}.card--balance{justify-content:space-between;align-items:center;column-gap:1rem;padding:1.5rem 1.375rem;background-color:var(--color-soft-red)}@media screen and (min-width: 37.5em){.card--balance{padding:1.875rem 2.125rem}}.card--summary{flex-direction:column;row-gap:1rem;padding:1.75rem 1.25rem;background-color:var(--color-pale-orange)}@media screen and (min-width: 37.5em){.card--summary{row-gap:1rem;padding:2.5rem 2.25rem}}.balance .card__wrapper{row-gap:.625rem}@media screen and (min-width: 37.5em){.balance .card__wrapper{row-gap:.875rem}}.balance .logo{width:3.75rem}@media screen and (min-width: 37.5em){.balance .logo{width:4.5rem;height:3rem}}.summary .chart{width:100%;height:15.375rem;position:relative}@media screen and (max-width: 19.99875em){.summary .chart{height:12.875rem}}.summary__month{display:flex;justify-content:space-between;align-items:flex-end;padding-block-start:1.75rem;border-block-start:.125rem solid var(--color-cream)}@media screen and (max-width: 19.99875em){.summary__month{flex-direction:column;justify-content:center;align-items:flex-start;row-gap:1rem}}@media screen and (min-width: 37.5em){.summary__month{padding-block-start:2.125rem}}.summary__month .card__wrapper:first-of-type{row-gap:.5rem}.summary__month .card__wrapper:last-of-type{align-items:flex-end;row-gap:.25rem}@media screen and (max-width: 19.99875em){.summary__month .card__wrapper:last-of-type{align-items:flex-start}}