@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap);h1{font-size:3.2rem;font-weight:700}h2{font-size:1.6rem;font-weight:400;text-transform:capitalize}*,:after,:before{box-sizing:inherit;color:#fbf8f2;font-family:Poppins,sans-serif;font-weight:300;letter-spacing:-.02ch;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}@media screen and (max-width:1300px){html{font-size:.77vw}}@media screen and (max-width:1000px){html{font-size:min(1.4vw,62.5%)}}@media screen and (max-width:600px){html{font-size:min(2vw,56.25%)}}input{border-radius:.5rem;border-style:none;font-size:1.6rem;height:3.6rem;margin:0;padding:0 1rem;width:30rem}input:focus{border:none}button{font-size:1.6rem;height:3.2rem;padding:0 2em}#root{align-items:center;background-color:#27282b;display:flex;flex-direction:column;justify-content:center;margin:0;overflow-x:hidden;padding:0}::-webkit-scrollbar{background:#1e1e1e;width:2rem}::-webkit-scrollbar-track{margin-block:-.5rem}::-webkit-scrollbar-thumb{background:#313235;background-clip:content-box;border:.5rem solid transparent;border-radius:1.5rem}::-webkit-scrollbar-thumb:hover{background:#27282b;background-clip:content-box}.app{background-image:linear-gradient(-60deg,#2e65a6,#b84b4b);height:auto;min-height:100vh;width:100vw}.app,.main{align-items:center;display:flex;flex-direction:row;justify-content:center}.main{background-color:#1e1e1e;border-radius:1.5rem;box-shadow:-2px 6px 20px 3px rgba(0,0,0,.4);margin:1rem 0;padding:2rem 0 3rem;width:min(156rem,100% - 5rem)}@media screen and (max-width:1000px){.main{border-radius:0;height:auto;margin:0;min-height:100vh;overflow:auto;width:100vw}}.main__wrapper{grid-gap:0 3rem;display:grid;gap:0 3rem;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(3,auto)}@media screen and (max-width:1000px){.main__wrapper{grid-template-columns:auto;grid-template-rows:repeat(5,auto)}}@media screen and (max-width:600px){.main__wrapper{width:min(100vw - 6rem,70rem)}}.header{height:3rem;margin-bottom:.8rem;margin-top:auto}.group--1{background-color:#43d9ec}.group--2{background-color:#03940a}.group--3{background-color:#eee01e}.group--4{background-color:#ee27ac}.group--5{background-color:#949494}.banner{align-items:center;display:flex;flex-direction:row;grid-area:1/1/span 1/-1;justify-content:space-between}.banner__message{align-items:baseline;display:flex;gap:.6rem}@media screen and (max-width:600px){.banner__message{align-items:flex-start;flex-direction:column;gap:0}}@media screen and (max-width:1000px){.banner__message--left{font-size:2rem}}.banner__message--right{color:#969490;font-size:2rem;font-weight:400}@media screen and (max-width:1000px){.banner__message--right{font-size:1.6rem}}.banner__message--year{color:#fbf8f2;font-weight:700}.banner__selector{font-size:1.6rem}@media screen and (max-width:1000px){.select-year__label{display:none}}.select-year__box{background-color:#1e1e1e;font-size:1.6rem;margin-left:1rem;padding:0 .1rem 0 2rem}.breakdown{align-items:center;display:flex;flex-direction:column;grid-area:2/1/span 1/span 1}@media screen and (max-width:1000px){.breakdown{grid-area:3/1/span 1/span 1}}.breakdown__header{align-self:flex-start;margin-top:.5rem}@media screen and (max-width:1000px){.breakdown__header{margin-top:2rem}}.breakdown__container{align-items:center;background-color:#313235;border-radius:1.5rem;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;min-height:28rem;width:min(100vw - 6rem,70rem)}@media screen and (max-width:600px){.breakdown__container{display:grid;grid-template-columns:repeat(6,auto);width:min(100vw - 6rem,45rem)}}.meter{align-items:center;display:flex;flex-direction:column;font-size:1.4rem;gap:1rem;justify-content:space-between;margin:1rem 0}@media screen and (max-width:1000px){.meter{font-size:1.6rem}}.meter__case{align-items:center;background-color:#1e1e1e;border:.5rem solid #1e1e1e;border-radius:1.5rem;box-sizing:border-box;display:flex;flex-direction:column-reverse;height:18rem;margin-top:.5rem;overflow:hidden;width:4.2rem}.meter__fill{border-radius:.5rem;overflow:hidden;position:relative;transition:all .3s ease;width:3.2rem}.meter__color{background-image:linear-gradient(0deg,rgba(221,145,46,.937),#f4cd3e,#f5e874);bottom:0;height:17rem;left:0;position:absolute;width:100%}.overview{grid-area:2/2/span 1/span 1}@media screen and (max-width:1000px){.overview{align-items:center;display:flex;flex-direction:column;grid-area:2/1/span 1/span 1}}.overview__header{margin-top:.5rem}@media screen and (max-width:1000px){.overview__header{width:min(100vw - 6rem,70rem)}}.overview__container{align-items:center;background-color:#313235;border-radius:1.5rem;display:grid;grid-template-columns:auto 1fr;height:28rem;width:min(100vw - 6rem,45rem)}.overview__meter{align-items:center;display:flex;flex-direction:row;height:28rem;justify-content:center;padding:0 2rem;position:relative;width:20rem}.overview__backdrop{background-color:#1e1e1e;height:20rem;margin-left:2rem;width:20rem}.overview__backdrop,.overview__cover{border-radius:100rem;position:absolute}.overview__cover{align-items:center;background-color:#313235;display:flex;flex-direction:column;height:18rem;justify-content:center;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:18rem}.overview__total{font-size:3.6rem;font-weight:700}.overview__letter{bottom:20%;font-size:1.6rem;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.group{max-width:20rem;padding-right:2rem}.group:not(:last-child){margin-bottom:.6rem}.group__header{align-items:center;display:flex}.group__color{border-radius:10rem;height:1rem;margin-right:.5rem;width:1rem}.group__name{font-size:1.4rem;font-weight:600}.group__details{display:flex;font-size:1.4rem;justify-content:space-between}.expenses{align-items:center;display:flex;flex-direction:column;grid-area:3/1/span 1/span 1}@media screen and (max-width:1000px){.expenses{grid-area:4/1/span 1/span 1}}.expenses__header-box{align-items:center;display:flex;height:3rem;justify-content:space-between;margin-top:2rem;width:min(100vw - 6rem,70rem)}.expenses__total{font-size:1.6rem;text-align:end}.expenses__total span{font-size:2rem;font-weight:600;margin-left:1rem}.expenses__container{height:40rem;max-height:40rem;overflow-y:auto;width:min(100vw - 6rem,70rem)}@media screen and (max-width:1000px){.expenses__container{height:auto;max-height:40rem}}.expenses__list{display:flex;flex-direction:column;gap:1rem;overflow-x:hidden;overflow-y:auto}.expense{align-items:center;background-color:#313235;border-radius:1.5rem;display:flex;justify-content:space-between;min-height:7.2rem;overflow:hidden;padding:0 2rem;position:relative;width:calc(100% - 4rem)}.expense__group{height:15rem;left:0;position:absolute;top:0;width:1rem}.expense__left{margin:1rem 0 1rem 1rem}.expense__title{font-size:1.6rem;font-weight:600;max-width:36rem;overflow-wrap:break-word}@media screen and (max-width:1000px){.expense__title{max-width:30rem}}.expense__date{color:#969490;font-size:1.4rem}.expense__right{align-items:center;display:flex;justify-content:flex-end}.expense__btn{background-color:#4a4a4a;border:none;border-radius:1.5rem;cursor:pointer;font-size:1.6rem;font-weight:600;padding:.1ch 1.5ch;text-transform:uppercase}.expense__btn:hover{background-color:#f4cc3e}.expense__btn span{font-weight:600}@media screen and (max-width:1000px){.expense__delete{display:none}}.expense__symbol{display:none}@media screen and (max-width:1000px){.expense__symbol{display:inline;display:initial}}.expense__amount{font-size:2rem;font-weight:600;min-width:9ch;text-align:right}.no-expense{align-items:center;display:flex;flex-direction:row;height:40rem;justify-content:center}@media screen and (max-width:1000px){.no-expense{height:16rem}}.no-expense h2{font-size:2rem;font-weight:600}.create-expense{grid-area:3/2/span 1/span 1}@media screen and (max-width:1000px){.create-expense{align-items:center;display:flex;flex-direction:column;grid-area:5/1/span 1/span 1}}.create-expense__header{margin-top:2rem}@media screen and (max-width:1000px){.create-expense__header{width:min(100vw - 6rem,70rem)}}.create-expense__container{align-items:center;background-color:#313235;border-radius:1.5rem;display:flex;flex-direction:column;height:40rem;justify-content:center;width:min(100vw - 6rem,45rem)}@media screen and (max-width:1000px){.create-expense__container{height:28rem;width:min(100vw - 6rem,70rem)}}@media screen and (max-width:600px){.create-expense__container{height:40rem}}.create-expense__form{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;width:min(100vw - 6rem,45rem)}@media screen and (max-width:1000px){.create-expense__form{grid-template-columns:1fr 1fr;width:min(100vw - 6rem,70rem)}}@media screen and (max-width:600px){.create-expense__form{grid-template-columns:1fr}}.create-expense__group{display:flex;flex-direction:column;font-size:1.4rem;gap:.5rem;padding:0 2rem}@media screen and (max-width:1000px){.create-expense__group{padding:0 2rem}}.create-expense__selector{background-color:#27282b;border-radius:.5rem;border-style:none;color-scheme:dark;font-size:1.6rem;height:3.6rem;margin:0;padding:0 1rem;width:30rem;width:inherit}.create-expense__selector:focus{border:none}.create-expense__selector:focus,.create-expense__selector:required{outline:.1rem solid #f4cc3e}.create-expense__btns{align-self:flex-end;display:flex;flex-direction:row-reverse;gap:0 1rem;grid-column:1/-1;margin:2rem 2rem 0 0}.create-expense__btn{background-color:#4a4a4a;border:none;border-radius:1.5rem;cursor:pointer;font-size:1.6rem;font-weight:600;padding:.1ch 1.5ch}.create-expense__btn:hover{background-color:#f4cc3e}.input{color-scheme:dark;display:flex;flex-direction:column;gap:.5rem 0;padding:0 2rem}.input__label{font-size:1.4rem;text-transform:capitalize}.input__box{background-color:#27282b;border:none;color:#fbf8f2;max-width:80vw;width:inherit}.input__box:focus{outline:.1rem solid #f4cc3e}.input__box:invalid{outline:.1rem solid #4a4a4a}
/*# sourceMappingURL=main.e5d723c5.css.map*/