#root,body,html{font-family:"Ubuntu";margin:0;padding:0;height:100vh;width:100vw;box-sizing:border-box}#root{display:flex;flex-direction:column;justify-content:space-between;position:relative}a{text-decoration:none;color:inherit}a:focus-visible{outline:unset}a:active{color:inherit}.auth-div{height:calc(100vh - 80px);padding:20px max(10vw,8px);align-items:flex-start;overflow-y:auto}.auth-div,.auth-sub-div{box-sizing:border-box;display:flex;justify-content:center}.auth-sub-div{outline:1px solid #c8d1e0;border-radius:8px;width:470px;padding:40px 56px 86px;flex-direction:column;align-items:center}.login-page-mid-span{font-size:18px;margin-top:48px;margin-bottom:16px}.auth-form{width:100%;display:flex;flex-direction:column;align-items:center;grid-row-gap:16px;row-gap:16px}.auth-form-error-input-wrapper{width:100%}.auth-form-input-wrapper{width:100%;box-sizing:border-box;border:.5px solid #888c94;border-radius:8px;height:56px;padding:8px 12px;display:flex;grid-row-gap:4px;row-gap:4px;position:relative;font-size:14px}.auth-form-label-input-wrapper{width:100%;display:flex;flex-direction:column;justify-content:space-between}.auth-form-input-wrapper:focus-within{border:.5px solid #0074de}.auth-label{color:rgba(0,0,0,.54);font-weight:400;font-size:12px}.auth-form-input-wrapper input{border:unset;padding:0;font-size:14px;color:rgba(0,0,0,.54)}.hasInput{color:#0074de}.auth-form-input-wrapper input:focus-visible{outline:unset}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset!important}.login-button{cursor:pointer;background-color:#0074de;border:1px solid #0074de;border-radius:4rem;color:#fff;margin-top:16px}.login-button,.sign-up-a.log-in-page{width:100%;padding:.8rem 1.5rem;font-size:14px}.sign-up-a.log-in-page{box-sizing:border-box;color:#0074de;border-color:#0074de}.auth-error-div{color:#c72830;font-size:.75rem;font-weight:400;padding:6px 8px}.hasErrors{border-color:#c72830;color:#c72830}.hasErrors,.hasErrors input{background-color:#fcf4f5}.hasErrors label{color:#c72830}.hasErrors .fa-solid.fa-exclamation{display:block;padding:8px}.fa-solid.fa-exclamation{display:none;font-size:16px}.logout-butt{cursor:pointer;border:unset;background:unset;color:#2f3033;font-size:1rem;font-weight:400;text-align:left;padding:0;margin:0}.logout-butt:hover{color:#0074de}.home-main-div{padding:6rem 5rem;box-sizing:border-box;width:100%;height:calc(100vh - 160px)}.home-main-sub-div{display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;grid-column-gap:80px;column-gap:80px;margin:0 auto;width:100%}.home-main-left{padding:8rem 0;box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;grid-row-gap:2rem;row-gap:2rem}.home-main-head{font-size:3rem;max-width:min(300px,20rem)}.home-main-narrative{font-size:1rem;color:#2f3033;max-width:min(400px,40rem)}.demo-user{cursor:pointer;padding:.6rem 1.5rem;width:120px;border:1px solid #008cff;background-color:#008cff;color:#fff;border-radius:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-column-gap:.4rem;column-gap:.4rem;box-shadow:6px 8px rgba(0,215,145,.7)}.vinmo-span-in-main{font-weight:700;font-size:18px}.home-main-right{position:relative;overflow:visible}.doodle-green{position:absolute;z-index:2;width:55px;top:80px;left:80px}.doodle-multi{position:absolute;z-index:2;width:90px;bottom:20%;left:52%}.upper-phone{z-index:1;width:24rem}.upper-phone-shadow{position:absolute;z-index:-1;width:100%;left:0;top:0;overflow:unset}@media (max-width:800px){.home-main-right{display:none}}@media (max-width:680px){.home-main-div{padding:0 16px}}.nav-bar-nav{width:100%;position:-webkit-sticky;position:sticky;top:0;z-index:3;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:8px 10rem;box-shadow:0 2px 5px 0 rgb(0 0 0/6%);background-color:#fff;min-height:80px;max-height:80px;box-sizing:border-box}@media screen and (max-width:1240px){.nav-bar-nav{padding:1.2rem 5rem}}@media screen and (max-width:680px){.nav-bar-nav{padding:1.2rem .8rem}}@media screen and (max-width:400px){.nav-bar-vinmo-logo-div{display:none!important}}.vinmo-span{font-size:42px;font-weight:700;color:#0074de;font-style:italic}.vinmo-a{width:100%;display:flex;justify-content:center}.logo-tiny{font-size:18px;font-weight:700}.nav-bar-divs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-column-gap:1.2rem;column-gap:1.2rem}.login-a,.sign-up-a{font-size:16px}.sign-up-a{padding:.6rem 1.5rem;border:1px solid #000;border-radius:4rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;grid-column-gap:.4rem;column-gap:.4rem}.sign-up-a:hover{background-color:rgba(0,140,255,.1)}.home-page-div{position:relative;background-color:rgba(176,219,255,.1);display:flex;flex-direction:column;align-items:center;width:100vw;height:calc(100vh - 80px);overflow-y:auto}.sidebar-single-div.pay-request-butt{width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin-top:16px;margin-bottom:16px}.pay-request-a{display:inline-block;width:100%;box-sizing:border-box;background-color:#0074de;border-radius:24px;text-align:center;padding:12px;color:#fff;font-size:1.125rem;font-weight:400;position:relative}.pay-request-a:hover{background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1))}.pay-request-a-v{font-size:1.8rem;font-weight:900;position:absolute;bottom:.3rem}.pay-request-text{margin-left:1.8rem}.profile-image-upload-modal{background-color:#fff;width:min(400px,90%);min-width:400px;max-width:400px;height:min(240px,50%);min-height:240px;max-height:240px;border-radius:1rem;padding:1rem}#image-add-photo{display:none}.profile-image-preview-div,.profile-image-upload-modal,.profile-image-upload-modal form{display:flex;flex-direction:column;align-items:center;justify-content:center}.drag-and-drap-wrapper,.profile-image-preview-div{border-radius:50%;width:78px;min-width:78px;height:78px;min-height:78px;max-height:78px}.drag-and-drap-wrapper{margin:1rem 0;border:1px dashed #b0b0b0;display:flex;justify-content:center;align-items:center}.drag-drop-title{font-size:22px;font-weight:500;margin-top:1rem;margin-bottom:.5rem}.image-input-button{margin-top:1.5rem;cursor:pointer;border:1px solid #222;border-radius:.5rem;background:#fff;padding:12px;font-size:inherit;font-family:inherit;color:inherit;box-sizing:border-box;display:flex;justify-content:center}.image-input-button:hover{background-color:#f7f7f7;color:#000;border-radius:#000}.profile-image-upload-button-div button{cursor:pointer;background-color:#fff;border:1px solid #2f3033;border-radius:4rem;min-width:120px;max-width:140px;width:140px;box-sizing:border-box;padding:10px 16px;font-size:1rem;line-height:1.25}.profile-image-upload-loading-span{padding-top:.5rem}#modal{display:flex;justify-content:center;align-items:center;z-index:4}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.5)}#modal-content{position:absolute;display:flex;justify-content:center}.sidebar-div{width:317px;min-width:317px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;grid-row-gap:2rem;row-gap:2rem;padding:1.7rem 8px 1.7rem 40px;border-right:1px solid #ccc;box-sizing:border-box;height:calc(100vh - 80px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:0}.sidebar-single-div.profile-container{width:100%;display:flex;align-items:center;grid-column-gap:8px;column-gap:8px}.sidebar-name-email-div{display:flex;flex-direction:column;justify-content:center;grid-row-gap:8px;row-gap:8px;height:100%;width:calc(100% - 86px)}.sidebar-mobile-name-email-div span,.sidebar-name-email-div span{font-size:1.5rem;font-weight:500;line-height:1.33;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-mobile-name-email-div a,.sidebar-name-email-div a{color:#0074de;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-balance,.sidebar-single-div.sidebar-menu{color:#2f3033;font-size:1rem;font-weight:400}.sidebar-single-div.sidebar-menu{width:100%;box-sizing:border-box;display:flex;flex-direction:column;grid-row-gap:24px;row-gap:24px}.sidebar-single-div.sidebar-menu a:hover{color:#0074de}.sidebar-notification-div{width:100%;display:flex;align-items:center}.sidebar-notification-div div{flex-grow:1}.sidebar-notification-div span{background-color:#c72830;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.75rem}.hasUnread{font-weight:800}@media (max-width:960px){.sidebar-div{display:none!important}}.profile-add-image{cursor:pointer}.transaction-top{display:flex;align-items:flex-start;grid-column-gap:8px;column-gap:8px;margin-bottom:24px}.transaction-profile-pic{max-width:46px;min-width:46px;width:46px;max-height:46px;min-height:46px;height:46px;border-radius:50%;flex-basis:fit-content}.transaction-info-div{flex-basis:auto;flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;grid-row-gap:6px;row-gap:6px;font-size:16px;overflow:hidden}.transaction-info-div span{overflow-wrap:anywhere}.transaction-amount{flex-basis:fit-content;white-space:nowrap}.transaction-amount.outflow{color:#c72830}.transaction-amount.inflow{color:#148572}.transaction-single-div{margin-top:16px;width:100%}.transaction-buttons-div{margin-left:54px}.transaction-buttons-div-button{display:flex;flex-wrap:wrap;grid-column-gap:16px;column-gap:16px}.transaction-icon-button{cursor:pointer;background-color:initial;border:unset;color:#888c94;font-size:1.25rem;display:flex;flex-wrap:wrap;align-items:flex-start;grid-column-gap:4px;column-gap:4px;min-width:48px}.transaction-icon-button.hasLikes{color:#e51769}.transaction-icon-button.hasComments{color:#0074de}.transaction-icon-button span{font-size:.725rem}.transaction-divider{margin-top:16px;margin-bottom:16px;border-top:1px solid #ccc}.transaction-page-div{display:flex;flex-wrap:wrap;height:calc(100vh - 80px);overflow-y:scroll;width:100%;color:#2f3033;position:relative}.transaction-page{margin-top:3.26rem;margin-left:auto;margin-right:auto;flex-grow:1;padding:0 8%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:calc(100% - 317px);max-width:calc(960px + 16%)}.transaction-tag{width:160px;border-radius:32px;border:.5px solid #55585e}.transaction-button,.transaction-tag{min-height:32px;max-height:32px;height:32px}.transaction-button{border:unset;cursor:pointer;background-color:#fff;color:#55585e;padding:6px 12px;width:80px;min-width:80px;border-radius:32px}.transaction-active{background-color:#55585e;box-shadow:0 0 0 .5px #55585e;color:#fff}.transaction-button.transaction-active:hover{background-color:#6b6e76}.transaction-body-div{width:100%;margin-top:32px}.sidebar-mobile-wrapper{display:none}.sidebar-menu-icon-wrapper{margin-top:1.5rem;margin-left:1rem}.sidebar-mobile-head{width:100%;display:flex;flex-wrap:wrap;align-items:center}.sidebar-mobile-head a{width:unset;flex-grow:1;justify-content:flex-start}.show-menu-icon{display:block}.no-menu-icon{display:none}.sidebar-mobile-exit-button{cursor:pointer;background-color:#fff;border:unset;border-radius:50%;width:24px;height:24px}.sidebar-mobile-exit-button:hover{color:#6b6e76}.sidebar-menu-icon-wrapper i,.sidebar-mobile-exit-button i{font-size:1.25rem;color:#888c94}.close-sidebar-mobile{display:none}.open-sidebar-mobile{position:absolute;display:flex}.sidebar-mobile-div{background-color:#fff;z-index:2;width:100%;flex-direction:column;align-items:flex-start;justify-content:flex-start;grid-row-gap:2rem;row-gap:2rem;padding:1.7rem 8px 1.7rem 40px;box-sizing:border-box;height:calc(100vh - 80px);overflow-y:auto}.side-bar-profile-pic{width:78px;height:78px;border-radius:50%}.sidebar-mobile-single-div.profile-container{display:flex;align-items:center;grid-column-gap:8px;column-gap:8px;width:100%}.sidebar-mobile-name-email-div{display:flex;flex-direction:column;justify-content:center;grid-row-gap:8px;row-gap:8px;height:100%;width:calc(100% - 86px)}.sidebar-mobile-name-email-div span{font-size:1.5rem;font-weight:500;line-height:1.33}.sidebar-mobile-name-email-div a{color:#0074de}.sidebar-mobile-balance{color:#2f3033;font-size:1rem;font-weight:400}.sidebar-mobile-single-div.sidebar-mobile-menu{width:100%;box-sizing:border-box;display:flex;flex-direction:column;grid-row-gap:24px;row-gap:24px;color:#2f3033;font-size:1rem;font-weight:400}.sidebar-mobile-single-div.sidebar-mobile-menu a:hover{color:#0074de}@media (max-width:960px){.friend-page-div,.openrequest-page-div,.pay-page-div,.transaction-page-div{display:flex;flex-direction:column;flex-wrap:nowrap!important}.sidebar-mobile-wrapper{display:block!important}.friend-page,.openrequest-page,.payform-div,.transaction-page{width:100%!important}}.footer-div{border-top:1px solid rgb(0 0 0/10%);box-sizing:border-box;min-height:80px;max-height:80px;padding:8px 5rem;font-size:.75rem;color:#6b6e76;display:flex;flex-direction:column;justify-content:space-between;background-color:#fff;width:100%}.footer-contact-me-div{display:flex;flex-wrap:wrap;grid-column-gap:8px;column-gap:8px;align-items:center}.footer-contact-me{color:#0074de}@media (max-width:680px){.footer-div{padding:8px}}.all-users-div{padding:16px 0 8px 8px;height:max(350px,-webkit-fit-content);height:max(350px,-moz-fit-content);height:max(350px,fit-content);max-height:350px;width:100%;box-sizing:border-box;border-radius:8px;overflow-y:auto;color:#888c94}.all-users-div>h4{font-size:18px;margin-top:0;margin-left:16px}.all-users-single-div{padding:8px 24px;display:flex;border-radius:8px;grid-column-gap:8px;column-gap:8px;font-size:14px}.all-users-single-div:hover{background-color:#434449;color:#fff}.all-user-profile-pic{width:46px;height:46px;border-radius:50%}.all-user-name-email-div{display:flex;flex-direction:column;grid-row-gap:6px;row-gap:6px;font-weight:300;overflow:hidden}.all-user-name-email-div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.all-user-username{font-weight:400}.payform-div{flex-grow:1;padding:0 8% 2em;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;font-size:16px;width:calc(100% - 317px)}.payform-head{font-size:20px;font-weight:700;line-height:1.33;margin:2em 0}.payform-form{width:min(100%,443px);justify-content:center;grid-row-gap:16px;row-gap:16px}.payform-form,.payform-input-wrapper{display:flex;flex-direction:column;align-items:center}.payform-input-wrapper{width:100%;grid-row-gap:8px;row-gap:8px;position:relative;overflow-x:visible;box-sizing:border-box}.amount-input-div.payform-amount{border-color:transparent;display:flex;justify-content:flex-start}.amount-input-div.payform-amount.hasPayErrors,.payform-note-input-div.hasPayErrors{border-color:#c72830;position:relative}.amount-input-div.payform-amount b{font-size:1.5rem;padding-top:8px;padding-right:8px}.amount-input-div.payform-amount input{font-size:3.25rem;font-weight:500;padding:0;margin:0}.amount-input-div.payform-amount.hasPayErrors b,.amount-input-div.payform-amount.hasPayErrors input{color:#c72830}.hasPayErrors{border-color:#c72830;color:#c72830;background-color:#fcf4f5}.payform-input-div{max-width:min(443px,100%);width:100%;padding:8px;box-sizing:border-box;border-radius:8px;border:.5px solid #888c94;min-height:54px;display:flex;flex-wrap:wrap;align-items:center;grid-column-gap:8px;column-gap:8px;grid-row-gap:8px;row-gap:8px}.payform-input-div:focus-within,.payform-note-input-div:focus-within{border-color:#0074de}.payform-input-div label{color:#888c94;font-size:inherit}.payform-input-div input,.payform-note-input-div textarea{flex-grow:1;color:#2f3033;border:unset;background-color:initial;font-size:inherit;padding:8px 0;resize:none;font-family:inherit}.payform-input-div input:focus-visible,.payform-note-input-div textarea:focus-visible{outline:unset}.payform-input-div.hasPayErrors:focus-within,.payform-note-input-div.hasPayErrors:focus-within{border-color:#c72830}.payform-input-div.hasPayErrors{border-color:#c72830;color:#c72830;background-color:#fcf4f5}.all-users-drop-down-div{position:relative;z-index:1;border-radius:8px;box-shadow:0 0 8px rgb(0,0,0,50%);background-color:#fff;height:max(350px,-webkit-fit-content);height:max(350px,-moz-fit-content);height:max(350px,fit-content);max-height:350px;width:443px;max-width:min(100%,443px);box-sizing:border-box}.payform-note-input-div{width:100%;border:.5px solid #888c94;border-radius:8px;box-sizing:border-box;height:113px;padding:8px;display:flex;flex-direction:column;grid-row-gap:8px;row-gap:8px;color:#888c94;font-size:inherit}.auth-error-div.payform-error{width:100%!important;padding-left:8px;box-sizing:border-box}.fa-solid.fa-exclamation.payErrorIcon{display:inline-block;padding:8px;color:#c72830;font-size:28px;font-weight:900}.payform-note-icon{position:absolute;right:0;top:0}.payform-button-div{display:flex;flex-wrap:wrap;grid-column-gap:8px;column-gap:8px;box-sizing:border-box;width:min(100%,443px);margin-top:48px}.payform-div button{cursor:pointer;flex-grow:1;width:calc(50% - 4px);box-sizing:border-box;align-items:center;background-color:#0074de;padding:12px 24px;border:unset;border-radius:4rem;color:#fff}.payform-div button:hover{background-image:linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1))}.payform-username-bubble{border-radius:4px;padding:8px 12px;background-color:#55585e;color:#fff;font-size:.9rem;display:flex;flex-wrap:wrap;grid-column-gap:4px;column-gap:4px;align-items:center;justify-content:center;overflow:hidden}.payform-username-bubble span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:100%}.payform-username-bubble .fa-solid.fa-x{font-size:.75rem}.payform-total{font-size:14px}.openrequest-page-div,.pay-page-div{display:flex;flex-wrap:wrap;height:calc(100vh - 80px);width:100%;color:#2f3033;overflow-y:scroll;position:relative}.openrequest-page{margin-top:3.26rem;margin-left:auto;margin-right:auto;width:calc(100% - 317px);max-width:calc(960px + 16%);padding:0 8%;box-sizing:border-box;flex-grow:1}.openrequest-head{font-size:20px;font-weight:700;line-height:1.33;margin:.67em 0}.openrequest-tag{box-sizing:border-box;width:100%;display:flex;font-size:1.125rem;font-weight:400;line-height:1.33}.openrequest-button{border:unset;cursor:pointer;padding:6px 12px;background-color:#fff;width:50%;color:#6b6e76;min-height:32px;font-size:.875rem;font-weight:600;margin-bottom:16px}.open-requests-active{color:#0074de;border-bottom:2px solid #0074de}.openrequests-single-div{margin-top:16px}.openrequests-top{display:flex;align-items:flex-start;justify-content:space-between;grid-column-gap:8px;column-gap:8px;margin-bottom:24px}.openrequest-profile-pic{max-width:46px;min-width:46px;width:46px;max-height:46px;min-height:46px;height:46px;border-radius:50%;flex-basis:fit-content}.openrequest-info-div{flex-basis:auto;flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;grid-row-gap:6px;row-gap:6px;font-size:16px}.openrequest-info-div span{overflow-wrap:anywhere}.openrequest-amount{flex-basis:fit-content}.openrequest-buttons-div{padding-left:54px}.openrequest-buttons-div-button{display:flex;flex-wrap:wrap;grid-column-gap:8px;column-gap:8px;grid-row-gap:8px;row-gap:8px}.openrequest-buttons-div button{cursor:pointer;background-color:#fff;border:1px solid #2f3033;border-radius:4rem;min-width:120px;max-width:140px;width:140px;box-sizing:border-box;padding:10px 16px;font-size:1rem;line-height:1.25}.openrequest-buttons-div button:hover{background-color:#2f3033;color:#fff}.openrequest-buttons-div hr{margin-top:16px;margin-bottom:16px;border-top:1px solid #ccc}.note-input-div input{width:100%;box-sizing:border-box;height:64px;padding:8px 12px;border:.5px solid #888c94;border-radius:8px;font-size:16px;color:#2f3033}.edit-amount-input-div{width:200px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}.amount-input-div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:.5px solid #888c94;border-radius:8px;padding:4px 8px;font-size:14px;text-align:center;font-size:16px;color:#2f3033}.amount-input-div.hasError,.note-input-div.hasError input{border-color:#c72830;background-color:#fcf4f5}.amount-input-div.hasError:focus-within,.note-input-div.hasError input:focus-within{border-color:#c72830}.amount-input-div.hasError b{color:#c72830}.amount-input-div input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:unset;padding:unset;margin:unset;font-size:16px;background-color:initial}.amount-input-div:focus-within{border-color:#0074de}.note-input-div input:focus-visible{outline:unset;border:.5px solid #0074de}.amount-input-div input:focus-visible{outline:unset}.edit-amount-input-div,.note-input-div{position:relative}.edit-error-span,.edit-error-span-amount{font-size:13px;color:#c72830}.hasError input{color:#c72830}.edit-error-span{position:absolute;right:0;bottom:-16px}.edit-error-span-amount{text-align:right;padding-top:2px}.friend-page-div{display:flex;flex-wrap:wrap;height:calc(100vh - 80px);overflow-y:scroll;width:100%;color:#2f3033;position:relative}.friend-page{margin-top:3.26rem;margin-left:auto;margin-right:auto;flex-grow:1;padding:0 8%;box-sizing:border-box;width:calc(100% - 317px);max-width:calc(960px + 16%)}.friend-head{font-size:20px;font-weight:700;line-height:1.33;margin:.67em 0}.friend-tag{box-sizing:border-box;width:100%;display:flex;font-size:1.125rem;font-weight:400;line-height:1.33}.friend-button{border:unset;cursor:pointer;padding:6px 12px;background-color:#fff;width:50%;color:#6b6e76;min-height:32px;font-size:.875rem;font-weight:600;margin-bottom:16px}.friend-active{color:#0074de;border-bottom:2px solid #0074de}.friend-single-div{margin-top:16px;box-sizing:border-box;display:flex;align-items:center;grid-gap:8px;gap:8px}.friend-profile-pic{max-width:46px;min-width:46px;width:46px;max-height:46px;min-height:46px;height:46px;border-radius:50%;flex-basis:fit-content}.friend-info-div{flex-grow:1;display:flex;flex-direction:column;grid-row-gap:4px;row-gap:4px;overflow:hidden}.friend-info-div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friend-email{color:#0074de}.accept-friend-button,.unfriend-button{cursor:pointer;background-color:#fff;border:1px solid #2f3033;border-radius:4rem;min-width:140px;max-width:140px;width:140px;box-sizing:border-box;padding:8px 16px;font-size:1rem;line-height:1.25}.accept-friend-button:hover,.unfriend-button:hover{background-color:#2f3033;color:#fff}.friend-divider{margin-top:16px;margin-bottom:16px;border-top:1px solid #ccc}.non-friends-div{padding:16px 0 8px 8px;height:max(350px,-webkit-fit-content);height:max(350px,-moz-fit-content);height:max(350px,fit-content);max-height:350px;box-sizing:border-box;border-radius:8px;overflow-y:auto;color:#888c94}.non-friends-div>h4{font-size:18px;margin-top:0;margin-left:16px}.non-friends-single-div{padding:8px 24px;display:flex;border-radius:8px;grid-gap:8px;gap:8px;font-size:14px}.non-friends-profile-pic{width:46px;height:46px;border-radius:50%;flex-grow:fit-content}.non-friends-name-email-div{display:flex;flex-direction:column;grid-row-gap:6px;row-gap:6px;font-weight:300;flex-grow:1;overflow:hidden;width:auto}.non-friends-name-email-div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.non-friends-username{font-weight:400}.add-friend-button{cursor:pointer;background-color:#fff;border:1px solid #2f3033;border-radius:4rem;max-height:40px;min-width:140px;max-width:140px;width:140px;box-sizing:border-box;padding:4px 8px;font-size:.9rem;line-height:1.25}.add-friend-button:hover{background-color:#2f3033;color:#fff}.friend-search-wrapper{position:relative;border:.5px solid #888c94;border-radius:8px;height:40px;box-sizing:border-box;display:flex;flex-wrap:wrap;grid-column-gap:8px;column-gap:8px;align-items:center;padding:0 8px;color:#888c94;margin-top:16px;margin-bottom:32px}.friend-search-wrapper:focus-within{border-color:#0074de}.non-friends-drop-down-div{position:absolute;width:100%;z-index:1;top:40px;left:0;border-radius:8px;box-shadow:0 0 8px rgb(0,0,0,50%);background-color:#fff}.friend-search-wrapper input{background-color:initial;flex-grow:1;border:unset;color:#888c94;font-size:inherit}.friend-search-wrapper input:focus-visible{outline:unset}.add-comment-wrapper{margin-left:54px}.add-comment-input{border:.5px solid #888c94;border-radius:8px;padding:4px 8px;display:flex;align-items:center;grid-column-gap:8px;column-gap:8px;height:32px;box-sizing:border-box}.add-comment-profile-pic.transaction-profile-pic{width:18px;min-width:18px;max-width:18px;height:18px;min-height:18px;max-height:18px}.add-comment-input input{outline:unset;border:unset;background:unset;flex-grow:1}.add-comment-input:focus-within{border-color:#0074de}.add-comment-input.hasPayErrors{border-color:#c72830}.fa-solid.fa-exclamation.payErrorIcon.add-comment-error-icon{font-size:20px}.story-page-comment-button{cursor:unset}.view-comments-wrapper{margin-left:54px}.delete-comment-button{cursor:pointer;border:unset;background-color:#fff;color:#0074de;font-size:.85rem;font-weight:600}
/*# sourceMappingURL=main.20067b64.chunk.css.map */