#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#modal-content{position:absolute}.signup-container{align-items:center;padding-top:4rem}.signup-container,.signupForm{display:flex;flex-direction:column;justify-content:center}.signupForm{padding:2rem;grid-gap:.5rem;gap:.5rem;width:25%;height:auto;background-color:rgba(0,0,0,.02);border-radius:9px;border:3px solid rgba(0,0,0,.149)}.signupForm>*{display:flex;flex-direction:column}.signupForm>label>input{border:none;border-bottom:1px solid rgba(0,0,0,.149);padding:5px 10px;background-color:rgba(0,0,0,.005)}.name-container{display:flex;flex-direction:row;width:100%;grid-gap:8px;gap:8px}.name-container>label>input{width:100%;border:none;border-bottom:1px solid rgba(0,0,0,.149);padding:5px 0;background-color:rgba(0,0,0,.005)}.login-container{align-items:center;padding:4rem 0}.login-container,.loginForm{display:flex;flex-direction:column;justify-content:center}.loginForm{padding:2rem;grid-gap:.5rem;gap:.5rem;width:20%;max-width:15rem;height:auto;background-color:#fff;border-radius:30px;border:3px solid rgba(0,0,0,.14901960784313725)}.loginForm>*{display:flex;flex-direction:column;padding:4px}.loginForm>label>input{padding:4px;border:1px solid #000}.login-button-container{display:flex;align-items:center}.add-friend-button,.add-group-button>*,.add-member-container>*,.button-containers>button,.card-buttons>:nth-child(2),.leave-button-container>button,.leave-group-container>*,.login-button,.logout-button,.new-group-button,.pay-request-button,.pay-request-button-container>button,.remove-friend-button,.setting-dropdown>*,.signup-button,.submit-new-card,.toggle-button,.trans-details-button-container>button,.update-card{border:none;overflow:hidden;width:100%;word-wrap:break-word;text-align:center;background-color:#008cff;color:#fff;padding:10px;margin-bottom:10px;cursor:pointer;border-radius:40px;box-shadow:2px 2px 1px #69ef98;display:flex;flex-direction:row;justify-content:center;align-items:center;grid-gap:5px;gap:5px}.add-friend-button:hover,.add-group-button>:hover,.button-containers>button:hover,.card-buttons>:nth-child(2):hover,.leave-button-container>button:hover,.login-button:hover,.logout-button:hover,.new-group-button :hover,.pay-request-button-container>button:hover,.pay-request-button:hover,.setting-dropdown>:hover,.signup-button:hover,.submit-new-card:hover,.toggle-button:hover,.trans-details-button-container>button:hover,.update-card:hover{background-color:#0037ff;color:#fff}.add-friend-button:active,.add-group-button>:active .new-group-button :active,.button-containers>button:active,.card-buttons>:nth-child(2):active,.leave-button-container>button:active,.login-button:active,.logout-button:active,.pay-request-button-container>button:active,.pay-request-button:active,.setting-dropdown>* :active,.signup-button:active,.submit-new-card:active,.toggle-button:active,.trans-details-button-container>button:active,.update-card:active{background-color:rgba(0,140,255,.30196078431372547);box-shadow:1px 1px 2px #049d6f}.navlink{color:#000;text-decoration:none}.navlink:active{color:#008cff}.landing-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:rgba(0,140,255,.10196078431372549);height:100%;background-size:cover}.top-landing-container{display:flex;width:83.7%;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem 2rem}.logo{color:#008cff;font-size:2rem;font-weight:900;font-style:italic}.landing-button-container{display:flex;grid-gap:1rem;gap:1rem}.landing-button-container>button:first-child,.motto-container>button{font-size:1rem;display:flex;grid-gap:1rem;gap:1rem;background-color:#fff;border:1.5px solid #000;padding:1rem 3rem;border-radius:100px}.sign-up-button{font-size:1rem;display:flex;grid-gap:1rem;gap:1rem;background-color:#008cff;padding:1rem 3rem;border-radius:100px;border:none}.motto-container>button{background-color:#008cff;border:none;box-shadow:10px 6px 0 #69ef98}.motto-container>button>*,.sign-up-button>*{color:#fff;font-weight:700}.bottom-landing-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:90%}.bottom-landing-container>img{width:30%;padding:1rem}.motto-container{display:flex;flex-direction:column;justify-content:baseline;align-items:baseline;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;grid-gap:1rem;gap:1rem}.motto-container>h1{margin:none;padding:none;font-family:Arial,Helvetica,sans-serif;font-size:4rem;font-weight:400}svg{-webkit-transform:scale(.25);transform:scale(.25)}.technology-container{border-top:3px solid rgba(0,0,0,.14901960784313725);display:flex;flex-direction:column;align-items:center;width:100%;height:100%;background-color:#fff}.technology-container>p{padding-top:4px;font-size:100%;color:rgba(0,0,0,.6235294117647059);font-weight:bolder;font-style:oblique}.technology-icons{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;font-size:1rem}.technology-icons>img{width:3%;height:3%;padding:1rem}nav{display:flex;flex-direction:column;padding:1rem;background-color:rgba(0,140,255,.0784313725490196);grid-gap:1.5rem;gap:1.5rem;border:2px solid rgba(0,0,0,.231);border-radius:12px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;width:15rem;box-shadow:-15px -15px 31px #000}.pay-request-button>.navlink{color:#fff}.balance-container{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:.2px solid rgba(0,0,0,.195)}.user-balance{font-size:30px}.username{color:rgba(0,0,0,.509);font-size:smaller}.first-last-name{color:#000;padding:.5rem 0;font-size:20px}.important-navlinks:hover{text-decoration:underline}.about-me-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;grid-gap:1rem;gap:1rem}.about-me-container>*{font-size:100%}.links-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 1rem;width:30%}.toggle-button,.trans-feed-container{display:flex;flex-direction:column;align-items:center}.toggle-button{width:30%;border-radius:20px;margin:4px 10px}.button-containers{width:5rem;min-width:11%;padding:0 1rem;max-width:70%}.toggle-button-container{display:flex;flex-direction:row;border:1px solid rgba(0,0,0,.2);border-radius:1150px;grid-gap:none;gap:none;margin-top:1rem}.current{background-color:#049d6f;color:#fff}.all-trans-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;grid-gap:1.5rem;gap:1.5rem;width:90%;min-width:20rem}.trans-card{width:80%;display:flex;flex-direction:row;justify-content:space-between;border-bottom:.2px solid rgba(0,0,0,.195)}.left-trans{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem;padding-bottom:1.5rem}.mid-trans{font-size:12px}.positive-trans{color:#049d6f}.negative-trans{color:#d81159}.group-trans{color:#008cff}.dropdown-container{text-align:left;border:1px solid #ccc;border-radius:5px}.dropdown-selected-value{width:100%;display:flex;justify-content:space-between;align-items:center}.dropdown-tools{font-size:10px}.dropdown-input{align-items:baseline;justify-content:space-between;-webkit-user-select:none;user-select:none}.dropdown-menu{width:100%;border:1px solid #ccc;border-radius:5px;overflow:auto;max-height:150px}.dropdown-input{display:flex;flex-direction:column}.dropdown-input,.dropdown-item{cursor:pointer;padding:5px}.dropdown-item:hover{background-color:rgba(0,140,255,.30196078431372547)}.dropdown-item.selected{background-color:#008cff;color:#fff}.dropdown-tags{display:flex;flex-wrap:wrap;grid-gap:5px;gap:5px}.dropdown-tag-item{font-size:12px;background-color:#008cff;color:#fff;padding:8px;border-radius:20px;justify-content:space-between;grid-gap:12px;gap:12px}.dropdown-tag-close,.dropdown-tag-item{display:flex;align-items:center}.card-form-container,.trans-form-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 1rem}.card-form,.trans-form{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding:2rem;width:20rem;border:2px groove rgba(0,0,0,.149);border-radius:50px;box-shadow:4px 0 6px rgba(0,140,255,.18823529411764706)}.card-form>label>*,.trans-form>label>*{width:100%;font-size:15px;border:1px solid rgba(0,0,0,.149);border-radius:5px;padding:2px}.public-checkbox{display:flex;flex-direction:row;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;grid-gap:1rem;gap:1rem}.pay-request-button-container>button:disabled{background-color:rgba(0,140,255,.22745098039215686)}.pay-request-button-container>:first-child:hover{color:#008cff;background-color:#fff;border:1px solid #008cff}.pay-request-button-container>:first-child:active{background-color:#05f;color:#fff;border:1px solid #008cff;box-shadow:1px 1px 1px #049d6f}.pay-request-button-container>:nth-child(2):hover{color:#fff;background-color:#d81159}.pay-request-button-container>:nth-child(2):active{color:#d81159;background-color:#fff;border:1px solid #d81159}.manage-payment-container{width:90%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;grid-gap:1rem;gap:1rem;padding:1rem}.add-card-button{display:flex;flex-direction:row;align-items:center;padding:2rem 1rem;justify-content:space-evenly;background-color:#fff;width:15rem;height:10%;cursor:pointer;font-size:larger;border:none}.add-card-button>span{font-size:30px;padding:0 15px;border:1px solid #008cff;border-radius:20px}.add-card-button>span:hover{background-color:#008cff;color:#fff}.all-user-card-container{display:flex;flex-direction:row;grid-gap:10px;gap:10px;flex-wrap:wrap;grid-gap:1.5rem;gap:1.5rem}.card-info-container,.single-card-container{display:flex;width:14rem;height:8rem;justify-content:center;align-items:center;border:1px solid #000;border-radius:10px;box-shadow:1px 1px 5px #000}.card-info-container{cursor:pointer}.card-info-container:hover{box-shadow:2px 2px 6px #000;background:rgba(0,140,255,.063)}.all-user-card-container>div>*{font-size:20px;overflow:hidden}.card-info-bot{font-size:15px;display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;color:hsla(0,0%,50.2%,.656)}.single-card-details-container{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem}.single-card-container{display:flex;flex-direction:column;align-items:baseline;justify-content:space-evenly}.top-single-card-info{font-size:30px}.single-card-container{padding:2rem 3rem}.card-buttons{display:flex;flex-direction:row;grid-gap:1rem;gap:1rem}.card-buttons>:first-child{border:none;overflow:hidden;width:100%;word-wrap:break-word;text-align:center;color:#fff;background-color:#d81159;padding:10px;margin-bottom:10px;cursor:pointer;border-radius:40px;box-shadow:2px 2px 1px #69ef98}.card-buttons>:first-child:hover{background-color:#a90c46;color:#fff}.card-buttons>:first-child:active{background-color:rgba(216,17,90,.3764705882352941);box-shadow:1px 1px 2px #049d6f}.user-trans-details{display:flex;flex-direction:column;align-items:center;margin:0 1rem}.trans-details-container{display:flex;flex-direction:row;grid-gap:5rem;gap:5rem;width:80%;padding-top:1rem}.left-trans-details-container{width:20%}.right-trans-details-conatiner{width:70%}.trans-details-button-container{display:flex;flex-direction:column;align-items:flex-start;width:80%;padding:none;background-color:rgba(0,140,255,.0784313725490196);box-shadow:1px 1px 1px #000;grid-gap:10px;gap:10px}.trans-details-button-container>button{width:100%;height:40%;display:flex;justify-content:center;align-items:center;border-radius:40px}.chart-trans-details-contianer{min-width:100%;width:30rem;max-width:40rem}.friends-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.friends-list>li{font-size:1rem}.other-user-info-container{display:flex;flex-direction:row;width:80%;justify-content:space-between;align-items:center;padding:1rem;border-bottom:.2px solid rgba(0,0,0,.474)}.other-user-info-container>div>:first-child{font-size:30px}.other-user-info-container>div{display:flex;flex-direction:column;grid-gap:7px;gap:7px}.other-user-info-container>.pay-request-button{max-width:8rem;width:30%;height:40px;display:flex;justify-content:center;align-items:center}.add-friend-button,.remove-friend-button{max-width:8rem;display:flex;justify-content:center;align-items:center;height:20px}.remove-friend-button{background-color:#d81159;border:1px solid #d81159}.remove-friend-button:hover{background-color:#9d0c41;border:1px solid #9d0c41}.remove-friend-button:active{background-color:rgba(216,17,90,.7019607843137254)}.potential-members-container{display:flex;flex-direction:column;background-color:#fff;width:18rem;height:20rem;border:3px solid rgba(0,0,0,.391);justify-content:center;align-items:center;padding:3rem 2.5rem;border-radius:50px;box-shadow:3px 3px 4px #000}.potential-members-container>p{display:flex;justify-content:baseline;color:rgba(0,0,0,.713);font-size:1.5rem;font-weight:900;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.391);width:100%}.potential-members-container>ul{display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;padding-top:1rem;overflow-y:scroll;width:100%;scrollbar-color:#008cff;scrollbar-width:thin}.potential-members-container>ul>li>*{font-size:1.3rem}.potential-members-list{display:flex;flex-direction:row;align-items:center;grid-gap:1rem;gap:1rem}.potential-members-list>p{font-size:15px}.potential-members-list>span>*{font-size:10px;cursor:pointer}.potential-members-list>span>i{font-size:10px;padding:7px;border:1px solid rgba(0,0,0,.392);border-radius:100px}.potential-members-list>span>i:hover{background-color:#008cff;color:#fff}.potential-members-list>span>i:active{color:#008cff;background-color:#fff;box-shadow:1px 1px 2px #049d6f}.group-form-container{display:flex;flex-direction:column;background-color:#fff;width:30rem;height:18rem;border:3px solid rgba(0,0,0,.391);justify-content:center;align-items:center;padding:3rem 2.5rem;border-radius:50px;box-shadow:3px 3px 4px #000}.group-form-container>p{display:flex;justify-content:baseline;color:rgba(0,0,0,.713);font-size:2.5rem;font-weight:900;border-bottom:1px solid rgba(0,0,0,.391);width:100%;font-style:italic;margin-bottom:1.5rem}.group-form-container>form{width:100%;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem}.group-form-container>form>label *{width:100%;font-size:1.25rem;border:1px solid rgba(0,0,0,.149);border-radius:5px;padding:2px}.group-form-container>form>label{font-size:1.4rem}.groups-container{display:flex;flex-direction:column;align-items:center;width:100%}.public-groups-container,.user-groups-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.public-groups-container>ul,.user-groups-container>ul{padding:1rem;width:80%}.public-groups-container>ul>*,.user-groups-container>ul>*{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.public-groups-container>p,.user-groups-container>p{font-size:2.3rem;font-weight:700;font-style:italic;color:rgba(0,0,0,.713)}.group-card{width:85%;padding:2rem;border:1px solid rgba(0,0,0,.391);border-radius:10px;box-shadow:2px 2px 1px #000;background-color:#fff;cursor:pointer;transition:color .5s ease-out;background:linear-gradient(270deg,#fff 50%,#008cff 0) 100%;background-size:200%;transition:.5s ease-out}.group-card:hover{color:#fff;background-position:0}.group-card-top{display:flex;flex-direction:row;justify-content:space-between}.group-card-top>:first-child{font-size:1.4rem;font-weight:600;font-style:oblique}.group-card-top>:nth-child(2){display:flex;flex-direction:row;justify-content:space-between;align-items:center}.group-card-top>:nth-child(2)>*{flex-direction:row;grid-gap:.5rem;gap:.5rem}.add-group-button,.group-card-top>:nth-child(2)>*{display:flex;justify-content:center;align-items:center}.add-group-button{width:40%}.add-group-button>*{font-size:1.1rem;grid-gap:1rem;gap:1rem}.add-group-button>*,.leave-group-modal{display:flex;justify-content:center;align-items:center}.leave-group-modal{background-color:#fff;height:15rem;border:3px solid rgba(0,0,0,.391);border-radius:10px;flex-direction:column;padding:1rem;box-shadow:3px 3px 4px #000}.leave-group-modal>p{display:flex;justify-content:baseline;color:rgba(0,0,0,.713);font-size:1.5rem;font-weight:900;margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.391);width:100%}.leave-button-container{flex-direction:row;align-items:center;justify-content:center;grid-gap:5rem;gap:5rem;padding:2rem;width:-webkit-max-content;width:max-content;display:flex;flex-direction:column;grid-gap:0;gap:0;width:80%}.leave-button-container>button{height:2.5rem}.member-container{grid-gap:1rem;gap:1rem;flex-direction:column;padding:20px 20px 10px;width:15rem;border-radius:5px;cursor:auto}.member-container,.members-button{display:flex;background-color:#fff}.members-button{border:none;overflow:hidden;width:100%;word-wrap:break-word;color:#008cff;flex-direction:row;justify-content:flex-start;align-items:center;grid-gap:5px;gap:5px}.member-container>p{font-size:1.5rem;font-style:italic;font-weight:700;color:#008cff;border-bottom:2px solid rgba(0,0,0,.391)}.member-container>ul>li{list-style-type:none}.member-container>ul{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.setting-dropdown{grid-gap:10px;gap:10px;display:flex;flex-direction:column;justify-content:center;list-style-type:none;padding:20px 20px 10px;position:absolute;top:60px;background-color:#fff;min-width:1rem;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1;border-radius:5px}.add-member-container>*{display:flex;justify-content:space-between;align-items:center}.leave-group-container>*{background-color:#d81159}.hidden{display:none}.user-landing-container{display:grid;grid-template-columns:0fr 4fr}*{margin:0;padding:0}html{height:100%}body{min-height:100%}.errors{color:#d81159;font-size:13px;text-decoration:none;list-style:none;border:none}
/*# sourceMappingURL=main.90c200e0.chunk.css.map */