.alert[data-v-c6b7e217]{padding:1rem;font-weight:900;text-transform:uppercase;font-size:1.6rem;text-align:center;background-color:var(--white);border-left:.5rem solid #B91C1C;color:#b91c1c;margin-bottom:2rem}.budget[data-v-3544dcd2]{width:100%}.field[data-v-3544dcd2]{display:grid;gap:2rem}.budget label[data-v-3544dcd2]{font-size:2.2rem;text-align:center;color:var(--blue)}.budget input[type=number][data-v-3544dcd2]{background-color:var(--light-gray);border-radius:1rem;padding:1rem;border:none;font-size:2.2rem;text-align:center}.budget input[type=submit][data-v-3544dcd2]{background-color:var(--blue);border:none;padding:1rem;text-align:center;font-size:2rem;margin-top:2rem;color:var(--white);font-weight:900;width:100%;transition:background-color .3s ease}.budget input[type=submit][data-v-3544dcd2]:hover{background-color:#1048a4;cursor:pointer}.vue3-circular-progressbar[data-v-49af6a0a]{position:relative}.vue3-circular-progressbar .current-counter[data-v-49af6a0a]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graphic-container[data-v-4fa4900d]{position:relative}.percent[data-v-4fa4900d]{position:absolute;margin:auto;top:calc(50% - 1.5rem);left:0;right:0;text-align:center;z-index:100;font-size:3rem;font-weight:900;color:var(--blue)}.two-columns[data-v-4fa4900d]{display:flex;flex-direction:column}.two-columns[data-v-4fa4900d]>:first-child{margin-bottom:3rem}@media (min-width: 768px){.two-columns[data-v-4fa4900d]{flex-direction:row;gap:4rem;align-items:center}.two-columns[data-v-4fa4900d]>:first-child{margin-bottom:0}}.reset-app[data-v-4fa4900d]{background-color:#db2777;border:none;padding:1rem;width:100%;color:var(--white);font-weight:900;text-transform:uppercase;border-radius:1rem;transition-property:background-color;transition-duration:.3s}.reset-app[data-v-4fa4900d]:hover{cursor:pointer;background-color:#b8135d}.budget-container[data-v-4fa4900d]{width:100%}.budget-container p[data-v-4fa4900d]{font-size:2.4rem;text-align:center;color:var(--dark-gray)}@media (min-width: 768px){.budget-container p[data-v-4fa4900d]{text-align:left}}.budget-container span[data-v-4fa4900d]{font-weight:900;color:var(--blue)}.modal[data-v-c52bb88f]{position:absolute;background-color:#000000e6;top:0;left:0;right:0;bottom:0}.close-modal[data-v-c52bb88f]{position:absolute;right:3rem;top:3rem}.close-modal img[data-v-c52bb88f]{width:3rem;cursor:pointer}.container-forms[data-v-c52bb88f]{transition-property:all;transition-duration:.3s;transition-timing-function:ease-in;opacity:0}.container-forms.animation[data-v-c52bb88f]{opacity:1}.container-forms.close[data-v-c52bb88f]{opacity:0}.new-expense[data-v-c52bb88f]{margin:10rem auto 0;display:grid;gap:2rem}.new-expense legend[data-v-c52bb88f]{text-align:center;color:var(--white);font-size:3rem;font-weight:700}.field[data-v-c52bb88f]{display:grid;gap:2rem}.new-expense input[data-v-c52bb88f],.new-expense select[data-v-c52bb88f]{background-color:var(--light-gray);border-radius:1rem;padding:1rem;border:none;font-size:2.2rem}.new-expense label[data-v-c52bb88f]{color:var(--white);font-size:3rem}.new-expense input[type=submit][data-v-c52bb88f]{background-color:var(--blue);color:var(--white);font-weight:700;cursor:pointer}.btn-delete[data-v-c52bb88f]{border:none;padding:1rem;width:100%;background-color:#ef4444;font-weight:700;font-size:1.2rem;color:var(--white);margin-top:10rem;cursor:pointer}.expense[data-v-a219f60f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.content[data-v-a219f60f]{display:flex;align-items:center;gap:2rem}.icon[data-v-a219f60f]{width:5rem}.details p[data-v-a219f60f]{margin:0 0 1rem}.category[data-v-a219f60f]{color:var(--gray);font-size:1.2rem;text-transform:uppercase;font-weight:900}.name[data-v-a219f60f]{color:var(--dark-gray);font-size:2.4rem;font-weight:700;cursor:pointer}.date[data-v-a219f60f]{color:var(--dark-gray);font-size:1.6rem;font-weight:900}.date span[data-v-a219f60f]{font-weight:400}.amount[data-v-a219f60f]{font-size:3rem;font-weight:900;margin:0}.filters[data-v-2853bcff]{margin-top:10rem}.filters .field[data-v-2853bcff]{display:flex;align-items:center;gap:2rem}.filters label[data-v-2853bcff]{font-size:3rem;font-weight:900;color:var(--dark-gray)}.filters select[data-v-2853bcff]{flex:1;padding:1rem;border:none;border-radius:1rem;background-color:var(--light-gray);text-align:center}.footer[data-v-50dfaf3f]{background-color:var(--blue);margin-top:10rem;padding:3rem}.links[data-v-50dfaf3f]{font-size:2rem;margin-bottom:3rem;justify-content:center;display:flex;gap:5rem}.links a[data-v-50dfaf3f]{text-decoration:none;font-weight:900;color:var(--white)}.copyright[data-v-50dfaf3f]{font-size:1.7rem;color:var(--white);text-align:center}.copyright span[data-v-50dfaf3f]{font-weight:900}:root{--blue: #3b82f6;--white: #FFF;--light-gray: #F5F5F5;--gray: #94a3b8;--dark-gray: #64748b;--black: #000}html{font-size:62.5%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{font-size:1.6rem;font-family:Lato,sans-serif;background-color:var(--light-gray)}main{flex:1}h1{font-size:4rem}h2{font-size:3rem}.pin{overflow:hidden;height:100vh}header{background-color:var(--blue)}header h1{padding:3rem 0;margin:0;color:var(--white);text-align:center}.container{width:90%;max-width:80rem;margin:0 auto}.container-header{margin-top:-5rem;transform:translateY(5rem);padding:5rem}.shadows{box-shadow:0 10px 15px -3px #0000001a;background-color:var(--white);border-radius:1.2rem;padding:5rem}.create-expense{position:fixed;bottom:5rem;right:5rem}.create-expense img{width:5rem}.create-expense img:hover{cursor:pointer}.expenses-list{margin-top:10rem}.expenses-list h2{font-weight:900;color:var(--dark-gray)}