a{text-decoration:none;color:inherit}*{margin:0;padding:0;box-sizing:border-box;font-family:"Nunito",sans-serif}div{overflow-wrap:anywhere}.auth-page-container{margin:0;display:flex;height:100vh}.auth-page-top-bar{margin:0;width:100%;height:80px;position:fixed;border-bottom:1px solid #d3d3d3;background-color:#fff;z-index:1}.auth-page-top-bar-container{width:50%;display:flex;justify-content:space-between;align-items:center;margin:5px auto;background-color:#fff}.auth-page-form-container{width:50%;height:90%;position:relative;top:80px;align-items:center;margin:30px auto;display:flex;flex-direction:column;padding:20px 0}.form-title h3{margin:28px 0;font-size:32px;line-height:40px;font-weight:400;color:#262626}.auth-form{background:#f7f7f7;border-radius:4px;border:1px solid #ededed;padding:28px;margin:0 auto 40px;width:500px}.auth-form-input-label{margin-bottom:36px}.auth-form-input-label,.label-text{font-size:12px;line-height:16px;display:block}.label-text{font-weight:600;color:#6b6e76;text-transform:uppercase;padding-left:4px}.auth-form-input-bar{font-size:18px;line-height:24px;font-weight:400;background:none;border-radius:0;border:0;border-bottom:1px solid #d9d9d9;box-shadow:none;color:#262626;display:block;min-width:0;padding:12px 8px 12px 4px;width:100%}.button-wrapper{display:flex;justify-content:space-evenly}.button-wrapper>*{cursor:pointer}.button-wrapper>*,.sign-up-sub-btn{font-size:15px;padding:12px 20px;font-weight:600;border-radius:4px;line-height:1.5;background:#3d95ce;color:#fff;border:none}.errors-show{margin-bottom:10px;justify-content:center;align-items:center}.nav-bar{position:fixed;height:90vh;width:317px;min-width:317px;padding:1.7rem 8px 1.7rem 40px;border-right:1px solid #ccc;overflow-y:auto}.app-logo{font-family:"Permanent Marker",cursive;color:#008cff;font-weight:800;font-size:3rem}.user-info{min-height:80px;display:flex;margin:40px 32px 32px 0;height:auto;width:100%}.user-initial{position:relative;border-radius:50%;justify-content:center;text-align:center;width:40%;height:80px;border:1px solid #888c94;padding-top:28px;font-size:16px;min-width:80px}.user-info-right{display:flex;flex-direction:column;margin:0 0 0 8px;justify-content:space-evenly;width:60%}.user-welcome{display:block;font-size:1.17em;-webkit-margin-after:1em;margin-block-end:1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-weight:700}.user-username,.user-welcome{overflow-wrap:anywhere;width:100%}.user-username{font-weight:600;position:relative;color:#0074de;font-size:.875rem;min-width:64px;white-space:normal}.pay-btn{position:relative;text-align:center;width:85%;background-color:#0074de;border-radius:24px;height:48px;justify-content:center;align-items:center;padding-top:12px;color:#fff;font-size:1.125rem;font-weight:700}.nav-links{width:100%;margin-top:40px;display:flex;flex-direction:column;margin-right:15px}.nav-links>*{height:50px;width:100%;align-items:center;padding-top:10px;font-size:18px}.nav-links>:hover{color:#008cff}.log-out-btn{display:flex;background-color:initial;border:none;font-size:16px;align-items:center;justify-content:center;border-radius:4px;padding-top:0;cursor:pointer}.log-out-btn:hover{background-color:#008cff;color:#fff}.incomplete{display:flex;justify-content:space-between}.incomplete-right{display:flex;background-color:#c72830;color:#fff;width:24px;height:24px;border-radius:50%;align-items:center;justify-content:center;font-size:12px}.homepage-container{position:relative;display:flex;width:100%;height:100%}.homepage-right{position:relative;display:flex;flex-direction:column;left:317px;width:70%;min-height:90vh;height:auto;align-items:center}.homepage-userinfo{height:30%;width:80%;margin:30px auto;display:flex;flex-direction:column;padding-top:10px}.homepage-userinfo>*{margin:5px auto;white-space:normal}.homepage-userinfo .user-initial{width:100px;height:100px;align-items:center;font-size:18px;padding-top:38px}.homepage-user-fullname{font-size:1.55rem;width:80%;text-align:center}.homepage-user-username{color:#b1b3b7;width:80%;text-align:center}.homepage-user-txns{display:flex;flex-direction:column;width:70%}.homepage-user-txns>*,.txn-bar{margin:10px 0}.txn-bar{color:#2f3033;justify-content:space-between;border-bottom:1px solid hsla(0,0%,50.2%,.395)}.txn-bar,.txn-bar-left{display:flex}.txn-bar-initial{height:48px;border-radius:50%;border:1px solid grey;justify-content:center;text-align:center;padding-top:13px;margin-right:7px;background-color:#fff;min-width:48px}.txn-bar-amount{min-width:72px}.txn-bar-info{display:flex;flex-direction:column;box-sizing:border-box;display:block}.topline{font-size:1rem;font-weight:500;line-height:1.25;display:block;color:#2f3033}.topline span{font-weight:bolder;font-size:17px}.topline a:hover{font-weight:bolder;color:#008cff}.second-txn-date-line{font-size:.875rem;color:#55585e;line-height:1.43}.third-txn-note-line{margin-top:8px;word-break:break-word;color:#2f3033;font-size:1rem;font-weight:500;line-height:1.25;overflow-wrap:anywhere;white-space:normal}.forth-txn-comment-line{margin:.5rem 0;display:flex;grid-gap:8px;gap:8px}.like-btn>span{margin-left:2px}.fa-comment{color:#888c94;margin-right:2px}.fa-comment:hover{color:#008cff}.no-txns-homepage{flex-direction:column}.no-txns,.no-txns-homepage{display:flex;justify-content:center;align-items:center;font-size:18px}.no-txns{margin-top:2rem}.incomplete-page-title{margin-top:3.26rem;display:flex;justify-content:flex-start;margin-bottom:1rem}.incomplete-page-title>h1{justify-content:flex-start;font-size:24px;font-weight:700;color:#2f3033;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em}.manage-btns-container{display:flex;margin:10px 0}.manage-btns-container>*{border:2px solid #6b6e76;color:#008cff;background-color:initial;font-size:1rem;line-height:1.25;border-radius:2em;width:140px;height:40px;min-width:64px;box-sizing:border-box;font-weight:600;position:relative;text-decoration:none;margin-right:8px;cursor:pointer}.edit-txn-btn,.manage-btns-container>*{align-items:center;justify-content:center}.edit-txn-btn{border:2px solid #6b6e76;display:flex}.manage-btns-container>:hover{background-color:#6b6e76;color:#fff}.homepage-right.search{min-height:90vh;height:auto}.search-page-container{width:60%;padding-top:3.26rem;align-items:baseline}.search-page-container>h1{font-size:20px;-webkit-margin-before:.67em;margin-block-start:.67em;-webkit-margin-after:.67em;margin-block-end:.67em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;font-weight:700}.searchBar-input-wrap{overflow:hidden;border:.5px solid #888c94;border-radius:8px;background-color:#fff;font-size:1rem;font-weight:400;line-height:1.1876em;height:45px;display:flex;padding-left:10px;align-items:center}.search-explain{margin-top:10px}.no-user-found{color:#55585e;font-style:italic}.user-search{margin-left:10px;width:100%;height:100%;padding:6px 0 7px;box-sizing:initial;-webkit-animation-name:mui-auto-fill-cancel;animation-name:mui-auto-fill-cancel;-webkit-tap-highlight-color:transparent;overflow-x:auto;overflow-y:hidden;box-shadow:none;border:0}.user-search:focus{outline:none}.search-dropdown-user-info{display:flex;margin-top:10px;margin-bottom:5px;margin-left:5px;padding-top:5px;padding-left:5px;border-radius:6px}.search-dropdown-user-info>*{margin-bottom:5px;margin-right:10px}.search-dropdown-user-info:hover{background-color:rgba(0,140,255,.42745098039215684)}.search-bar-drop-down{box-shadow:0 1px 3px grey;padding:10px}.search-bar-drop-down-payform{position:absolute;z-index:10;display:flex;flex-direction:column;background-color:#fff;width:391px;box-shadow:0 1px 3px grey;margin-top:16px;padding:5px;height:auto;max-height:380px;overflow-y:auto;border-radius:2px}.user-search-payform{border:0;height:1.1876em;-webkit-tap-highlight-color:transparent;width:390px;min-width:30px;font-size:16px;color:#2f3033;opacity:1}.user-search-payform:focus{outline:none}.search-dropdown-item.payform{overflow-wrap:anywhere;cursor:pointer}.show-selected-user{background-color:#55585e;color:#fff;margin:0 3px;max-width:calc(100% - 6px);border-radius:4px;height:32px;font-size:16px;box-sizing:border-box;vertical-align:middle;text-decoration:none;padding:5px}.clear-selected-user,.show-selected-user{justify-content:center;align-items:center;display:flex}.clear-selected-user{width:20px;height:20px;border-radius:50%;margin-left:3px;min-width:20px}.create-txn-container,.edit-form-container{padding-top:3.26rem;align-items:center;padding-bottom:40px;width:443px;margin-left:auto;margin-right:auto}.create-txn-container>p,.edit-form-container>h1{font-size:26px;text-align:center}.edit-form-container>h3{font-size:16px;text-align:center;margin-top:1rem}.payment-amount{text-align:center;padding-top:5rem;padding-bottom:8px}.payment-amount-box{order:1px solid transparent;display:inline-block;padding-left:12px;border-radius:8px;padding-right:12px;display:flex;justify-content:center}.dollar-sign{display:inline-block;font-size:1.5rem;font-style:normal;margin-top:8px;font-weight:500;margin-right:8px;vertical-align:top}.amount-number input::-webkit-inner-spin-button,.amount-number input::-webkit-outer-spin-button{-webkit-appearance:none}.Number{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0;font-size:3.25rem;font-style:normal;font-weight:500;-webkit-tap-highlight-color:transparent;border:0;max-width:233px;text-align:center}.search-user-input{padding-top:50px}.search-user-input-box{width:100%;overflow-x:hidden;overflow-y:auto;border:.5px solid #888c94;border-radius:8px;min-height:55px;background-color:#fff;display:flex;font-size:1rem;box-sizing:border-box;font-weight:400;line-height:1.1876em;padding:10px;align-items:center}.search-user-input-box>label{padding-right:12px;color:#888c94;min-width:41px}.pay-note{margin-top:24px;width:100%}.pay-note-board{border:.5px solid #6b6e76;border-radius:8px;background-color:#fff;overflow:hidden;padding:10px}.pay-note-board>label{color:rgba(0,0,0,.54);font-size:1rem;font-weight:400;line-height:1}textarea{-webkit-font-smoothing:antialiased;font:inherit;color:currentColor;width:100%;border:0;margin:0;display:block;min-width:0;background:none;box-sizing:initial;letter-spacing:inherit;-webkit-animation-duration:10ms;animation-duration:10ms;-webkit-tap-highlight-color:transparent;height:auto;resize:none;padding:0;-webkit-writing-mode:horizontal-tb;writing-mode:initial;white-space:pre-wrap;overflow-wrap:break-word;-webkit-column-count:initial;column-count:auto}#payform-note:focus{outline:none}.pay-privacySection{display:flex;width:100%;align-items:center}.pay-privacy-btn{background-color:initial;border:none;cursor:pointer;width:65px}.pay-privacy-btn,.pay-privacy-btn>div{display:flex;justify-content:space-between}.pay-privacy-btn>div{align-items:center;width:100%}.fa-earth-americas,.fa-user{color:#0074de;font-size:16px}.pay-privacy-btn>div>h6{color:#0074de;margin-left:8px;font-size:.875rem;font-weight:600;line-height:1.43;display:block;-webkit-margin-before:2.33em;margin-block-start:2.33em;-webkit-margin-after:2.33em;margin-block-end:2.33em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0}.private-explain{color:#55585e;font-size:12px;line-height:16px;padding-left:40px}.pay-or-request-btns{padding-top:3rem;display:flex;justify-content:space-between}.edit-txn-submit-btn{padding-top:3rem;display:flex;justify-content:center}.edit-submit-btn,.pay-or-request-btns>*{width:209px;color:#fff;background-color:#0074de;padding:10px 16px;font-size:1rem;box-shadow:none;line-height:1.25;border-radius:2em;cursor:pointer;border:none}.homepage-right.comments-page{padding-top:3.26rem;left:317px;height:100%}.not-authorized{margin-top:100px}.homepage-user-txns.comments{position:relative;padding-top:6.26rem;height:100%}.txn-bar.comment{border:none}.comment-area{border-top:1px solid grey;margin:10px 0 0 48px;padding-top:1rem;display:flex;flex-direction:column;grid-gap:1rem;gap:1rem;width:100%}.txn-bar-left.comment-list{margin-bottom:1rem;width:100%}.txn-bar-initial.comment-list{max-width:48px;min-width:48px;width:10%}.txn-bar-info.comment-list{width:90%}.edit-delete-line{display:flex;justify-content:space-between}.edit-delete-btns{width:140px;margin:0 10px;display:flex}.edit-delete-btns>*{margin-left:8px}.add-comment-container{margin-top:1rem;width:100%;color:#2f3033;cursor:text;display:inline-flex;display:flex;flex-direction:column;font-weight:400;line-height:1.1876em;font-size:1rem;min-height:34px;align-items:center}.create-comment-user{width:20px;height:20px;border:1px solid #2f3033;border-radius:50%;align-items:center;font-size:12px;position:relative;margin-right:5px;min-width:20px;border-radius:8px;background-color:#fff}.create-comment-form{width:100%;display:flex;justify-content:space-between;margin-top:1rem;border:.5px solid #888c94;font-weight:400;line-height:1.1876em;font-size:1rem;min-height:34px;padding:3px;align-items:center;border-radius:8px}.create-comment-input{color:rgba(0,0,0,.87);border:none;height:1.1876em;padding:6px 0 7px 5px;-webkit-tap-highlight-color:transparent;-webkit-writing-mode:horizontal-tb;writing-mode:initial;overflow-wrap:anywhere;white-space:normal;font-size:1rem;width:90%}.create-comment-input:focus{outline:none}.cancel-edit-note,.comment-delete-btn,.comment-edit-btn,.create-comment-sub-btn,.submit-edit-note{min-width:80px;margin:0 5px;background-color:initial;color:#0074de;font-size:16px;font-weight:700;border:none;align-self:flex-end;cursor:pointer}.comment-delete-btn:hover,.comment-edit-btn:hover,.create-comment-sub-btn:hover,.submit-edit-note:hover{text-decoration:underline}.edit-note-input>form{display:flex;justify-content:space-between}#edit-note{border:1px solid hsla(0,0%,50.2%,.536);border-bottom:#2f3033;overflow-wrap:anywhere;width:90%}.fa-comment.txnpage:hover{color:#888c94}.splash-main{display:flex;flex-direction:column;align-items:center}.splash-top-bar{width:100%;height:100px;box-shadow:0 2px 5px 0 rgb(0 0 0/6%);position:fixed;z-index:1;background-color:#fff}.splash-top-bar-container{width:65%;display:flex;justify-content:space-between;align-items:center;margin:5px auto}.top-bar-right{display:flex;height:100%}.top-bar-right,.top-bar-right>*{justify-content:center;align-items:center}.top-bar-right>*{font-size:20px;margin-right:25px}.top-bar-right>* :hover{text-decoration:underline;color:#008cff}.splash-main-container{position:relative;top:100px;background-color:#f4faff;display:flex;width:100%;height:100vh}.splash-main-content{width:65%;display:flex;margin:auto}.splash-main-left{margin-top:7vw;width:55%;height:100%;justify-content:center;display:flex;flex-direction:column;align-items:flex-start}.slogan-large{font-size:4vw;font-family:"DM Sans",sans-serif;font-weight:500;margin-bottom:4.5rem;overflow-wrap:break-word}.slogan-small{padding-right:5px;font-size:1.3vw}.splash-start-btn{margin-top:30px;background-color:initial;border:none}.get-start-btn{background-color:#008cff;border-radius:50px;width:100%;height:100%;border:1px solid #008cff;color:#2f3033;color:#fff;font-size:1.5rem;align-items:center;justify-content:center;padding:1rem 2.99rem;transition:border .3s,transform .3s,-webkit-transform .3s;cursor:pointer}.splash-main-right{width:50%;height:100%}.splash-main-right img{max-width:100%;max-height:100%;object-fit:cover}.homepage-right-404{position:relative;justify-content:center;min-height:90vh;left:317px;width:70%}.footer-container,.homepage-right-404{display:flex;flex-direction:column;align-items:center}.footer-container{background-color:#f4faff;width:100%;justify-self:center;z-index:2;height:10vh;padding:10px}.disclaimer{margin-top:10px;color:#6b6e76;font-size:14px}.connect-wrapper{font-size:16px;display:flex;grid-gap:20px;gap:20px;font-weight:700;margin-top:15px}.icon-links{display:flex;grid-gap:15px;gap:15px}.fa-angellist,.fa-github,.fa-linkedin{font-size:24px}.fa-github:hover,.fa-linkedin:hover{color:#008cff}
/*# sourceMappingURL=main.2a4903af.chunk.css.map */