#modal{display:flex;justify-content:center;align-items:center;z-index:99999}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff;max-width:500px;width:100%;border-radius:20px;padding:10px}.signup-form-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.signup-form{width:400px;height:400px;display:flex;padding:10px 30px;flex-direction:column;justify-content:space-around}.signup-logo{width:400px}.login-form-container{background-image:url(/static/media/facets.09ff7d06.png);background-repeat:repeat;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.login-form{background:#fff;width:400px;height:400px;padding:20px 50px;border-radius:5%;margin:15px;justify-content:space-around;box-shadow:2px 2px 5px grey}.login-form,.profile-dropdown{display:flex;flex-direction:column}.profile-dropdown{top:50px;right:5px;grid-gap:5px;gap:5px;border:1px solid #d3d3d3;box-shadow:1px 1px 5px 1px #a9a9a9;align-items:flex-start;justify-content:center;width:150px}.header,.profile-dropdown{position:fixed;padding:0;background-color:#fff}.header{height:50px;width:100%;box-sizing:border-box;top:0;z-index:99}.header-login{height:50px;background-color:#42caa4}.header img{height:24px;width:24px}.nav-btn img{height:23px;width:23px;border-radius:50%}.logo{display:flex;align-items:center}.title{font-size:16px;font-weight:700;margin-left:15px;color:#000}.title-login{color:#fff}.navigation{display:flex;justify-content:space-between;align-items:center;margin:8px;height:33px}.navigation-menu{display:flex;grid-gap:10px;gap:10px;position:relative}.nav-login{color:#42caa4}.nav-signup{color:#fff;background-color:#42caa4;border-radius:4px}.navigation-link{font-size:15px;padding:7px 9px}.nav-btn{height:33px;border:none;margin:0;padding:20px 10px;background-color:#42caa4;box-sizing:border-box;display:flex;align-items:center;cursor:pointer}.nav-btn span{color:#fff;margin-left:5px}.nav-btn:hover{background-color:#3cbc98}ul{list-style:none}.container{width:95%;margin:15px auto;text-align:center}.profile-dropdown>*{font-size:12pt;padding:5px 10px}.log-out,.settings{margin:0;border:none;background:none;width:100%;text-align:left;display:inline-block;border-radius:0}.log-out:hover,.settings:hover{background-color:#52c5a7;color:#fff}.about-page-container{margin-top:50px;background-image:url(/static/media/facets.09ff7d06.png);background-repeat:repeat;width:100%;height:100%;display:flex;flex-direction:column;place-items:center;justify-content:space-between;text-align:center;position:relative}.slideshow{width:90%;margin:50px;text-align:left}.about-page-images{position:absolute;bottom:0;left:0;width:inherit;display:flex;justify-content:space-around;align-items:flex-end;margin-left:5px;padding:5px;z-index:1}.about-page-images h2{color:#fff;padding:10px;margin:5px 0;background-color:#52c5a7;border:.5px solid #000;border-radius:10px}.about-page-images img{max-height:39vh;border:.5px solid #000;border-radius:10px}#swap-text:before{content:" on trips.";color:#1cc29f;font-size:24pt;font-weight:bolder;-webkit-animation:swap-text 12s ease-in infinite;animation:swap-text 12s ease-in infinite}@-webkit-keyframes swap-text{0%{content:" on trips.";color:#1cc29f}25%{content:" with housemates.";color:#8656cd}50%{content:" with your partner.";color:#a6002f}75%{content:" with anyone.";color:#1cc29f}}@keyframes swap-text{0%{content:" on trips.";color:#1cc29f}25%{content:" with housemates.";color:#8656cd}50%{content:" with your partner.";color:#a6002f}75%{content:" with anyone.";color:#1cc29f}}.signup-button{background-color:#52c5a7;color:#fff;margin-top:20px;padding:15px 60px;border-radius:5px;-webkit-animation:swap-color 12s ease-in infinite;animation:swap-color 12s ease-in infinite}@-webkit-keyframes swap-color{0%{background-color:#1cc29f}25%{background-color:#8656cd}50%{background-color:#a6002f}75%{background-color:#1cc29f}}@keyframes swap-color{0%{background-color:#1cc29f}25%{background-color:#8656cd}50%{background-color:#a6002f}75%{background-color:#1cc29f}}.add-friend-form{padding:20px;display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px}.add-friend-form *{box-sizing:border-box;margin:5px 0;width:100%}.add-friend-button{width:300px;align-self:flex-end}.add-friend-logo{width:30px;height:30px;margin:0 3px}.left-nav-bar{display:flex;flex-direction:column;grid-row-gap:10px;row-gap:10px;position:fixed;top:50px;left:0;width:200px;padding:10px 0}.left-nav-bar *{font-size:12pt}.dashboard-logo{width:20px;height:20px}.left-nav-bar>a>*{padding:0 5px}.friends-list-header{display:flex;justify-content:space-between;align-items:center;background-color:#eee;padding-left:5px}.friends-list-header>button{border:none;background:none}.active-nav-link,.friends-list-header>button:hover{color:#52c5a7}.settle-up-form{padding:20px}.settle-up-form h2{margin-bottom:10px;font-size:24px}.form-group{margin:10px 0}.add-edit-expense-form{padding:20px}.add-edit-expense-form h2{margin-bottom:10px;font-size:24px}.form-group{margin-bottom:15px}.form-group label{font-weight:700}.form-group input[type=number],.form-group input[type=text]{width:100%;padding:8px;border:1px solid #ccc;border-radius:4px}.friend-selection{margin-bottom:15px}.selected-friends{display:flex;flex-wrap:wrap;align-items:center}.selected-friend{display:flex;align-items:center;background-color:#e2e2e2;padding:5px 10px;border-radius:4px;margin-right:10px;margin-bottom:10px}.selected-friend button.remove-button{margin-left:5px;background-color:initial;border:none;color:#888;cursor:pointer}.friend-list{margin-top:10px}.friend{padding:5px;cursor:pointer}.friend.selected{background-color:#eee}.form-actions{display:flex;justify-content:flex-end;padding:10px 0;grid-gap:10px;gap:10px}.cancel-button,.save-button{padding:8px 15px;font-size:14px;border-radius:4px;cursor:pointer}.main-header{margin-top:50px;margin-left:200px;margin-right:200px;justify-content:space-between;padding:20px 10px;background-color:#eee}.main-header,.main-header-title{display:flex;align-items:center}.main-header-title *{font-size:16pt;padding:0 5px;object-fit:cover}.main-header-buttons>button{margin:0 5px}.main-header-img{width:50px;height:50px;border-radius:50%}.main-header-buttons>button:first-child{background-color:#ff6638;color:#fff;border-color:#e95c32}.main-header-buttons>button:nth-child(2){background-color:#52c5a7;color:#fff;border-color:#4bb197}.main-header-buttons:disabled{background-color:grey;opacity:.5}.right-summ-bar{display:flex;flex-direction:column;align-items:center;grid-row-gap:10px;row-gap:10px;position:fixed;top:50px;right:0;width:200px;padding:10px 0;z-index:1}.right-summ-balance{align-self:flex-start;padding-left:10px}.right-summ-balance *{font-size:12pt;padding:5px}.remove-friend-button{font-size:12pt;width:85%}a,div,h2,h3,h4,img h1,li,p,section,ul{padding:0;margin:0}.subheader-list{display:flex;justify-content:space-between;text-align:center;padding:0 10px}.subheader-list li{margin:0;padding:0;width:100%}.subheader{background-color:#eee;border-top:1px solid #b8b4ae;border-bottom:1px solid #b8b4ae;text-align:center}.subheader-item{border-left:1px solid #b8b4ae;border-right:1px solid #b8b4ae}.owed-item img{width:30px;height:30px;border-radius:50%}.owed-item{padding:5px}.owed-item:hover{background-color:#eee}.owed-item a{text-decoration:none;color:#000;display:flex;grid-gap:10px;gap:10px}.container{max-width:1200px;margin:0 auto}.main-dashboard{margin-left:200px;margin-top:35px;max-width:550px;width:100%;border-left-color:#b8b4ae;border-right-color:#b8b4ae;height:100vh;box-shadow:0 0 12px rgba(24,26,27,.2)}.main-wrapper{display:flex;grid-gap:20px;gap:20px}.subheader-list-text{color:#999;font-size:14px;margin:0;padding:0}.subheader-text{font-size:13px;padding:5px 0;margin:0}.subheader-text-orange{color:#ff6638}.subheader-text-green{color:#52c5a7}.owed-section{display:flex;grid-gap:20px;gap:20px}.owed-wrapper{width:50%;box-sizing:border-box;margin:10px 0}.owed-wrapper-right{border-left:1px solid #999}.no-owe{font-size:16px;margin-top:6px}.no-owe,.owed-title{color:#999;padding:10px}.owed-title{font-size:14px;text-transform:uppercase}.owed-title-right{text-align:right}.dashboard-subheader-list{display:flex;justify-content:space-evenly;text-align:center;padding:0}.dashboard-subheader-list li{margin:0;padding:5px 0;width:100%;display:flex;flex-direction:column;justify-content:center}.dashboard-subheader{background-color:#eee;border-top:1px solid #b8b4ae;border-bottom:1px solid #b8b4ae;text-align:center}.dashboard-owed-item img{width:40px;height:40px;border-radius:50%;object-fit:cover}.dashboard-owed-item{padding:10px}.dashboard-owed-item:hover{background-color:#eee}.dashboard-owed-item a{text-decoration:none;color:#000;display:flex;grid-gap:10px;gap:10px}.dashboard-container{margin:0 auto}.dashboard-main{margin-left:200px;margin-right:200px;border-left-color:#b8b4ae;border-right-color:#b8b4ae;height:100vh}.dashboard-main-wrapper{display:flex;grid-gap:20px;gap:20px}.dashboard-subheader-list-text{color:#948e85;font-size:14px;margin:0;padding:0}.dashboard-subheader-text{font-size:13px;padding-top:5px;margin:0}.dashboard-owed-section{display:flex}.dashboard-owed-wrapper{width:50%;box-sizing:border-box;margin:10px 0}.dashboard-owed-wrapper-right{border-left:1px solid #999}.dashboard-no-owe{color:#999;font-size:16px;padding:0 10px;text-align:left}.dashboard-no-owe-right{text-align:right}.dashboard-owed-title{font-size:14px;color:#999;padding:10px}.dashboard-owed-title-right{text-align:right}.dashboard-subheader-text-orange{color:#ff6638}.dashboard-subheader-text-grey{color:#999}.dashboard-subheader-text-green{color:#52c5a7}.dashboard-owed-item .dashboard-subheader-text-green,.dashboard-owed-item .dashboard-subheader-text-grey,.dashboard-owed-item .dashboard-subheader-text-orange{font-size:10pt;padding-top:2px}.dashboard-settled-img{width:100%}.border-box{width:3px;background-color:#b8b4ae;margin:4px}.payment-subheader{display:flex;grid-gap:10px;gap:10px;padding:5px}.payment-main-content-wrapper img{height:40px;width:40px;border-radius:50%;object-fit:cover}.payment-btn{background-color:#d06a47;color:#dcdad7;text-shadow:#8c523d 0 -1px 0;border:none;padding:5px;border-radius:3px;font-size:11px;box-shadow:inset 0 1px 0 rgba(220,218,215,.2),0 1px 2px rgba(24,26,27,.05)}.payment-edit-btn{max-width:86px}.payment-image-wrapper{width:84px;height:84px;border:1px solid #ddd;align-self:center}.payment-image-wrapper img{height:84px;width:84px}.payment-main{display:flex;grid-gap:20px;gap:20px}.payment-main-content{width:50%;padding:0 5px 8px}.payment-main-content-wrapper{display:flex;grid-gap:10px;gap:10px;align-items:center;padding:5px}.payment-main-content-wrapper p{color:#3c4144;font-size:13px}.payment-main-content-wrapper span{font-weight:700;color:#000;font-size:13px}.payment-content-wrapper{display:flex;flex-direction:column}.payment-payments-wrapper{padding:5px;background-color:#f8f8f8;box-shadow:inset 0 5px 7px -5px rgba(24,26,27,.25),inset 0 -3px 7px -5px rgba(24,26,27,.25);width:100%;box-sizing:border-box}.payment-subheader-text-wrapper{display:flex;flex-direction:column;justify-content:center;grid-row-gap:3px;row-gap:3px}.payment-subheader-description{font-size:16px;color:#3c4144}.payment-subheader-amount{font-size:20px;font-weight:700;color:#3c4144}.payment-subheader-date{font-size:12px;color:#999}#all-expenses{margin-left:200px;margin-right:200px}.expense-header{grid-template-columns:5% 5% auto 15% 15% 5%;grid-template-rows:60px}.expense-header,.payment-header{display:grid;border:1px solid #b8b4ae}.payment-header{grid-template-columns:5% auto 15% 15% 5%;grid-template-rows:40px}a,div,h1,h2,h3,h4,img,li,p,section,ul{padding:0;margin:0}li{list-style:none}.comment-icon{height:15px;width:15px;margin-right:3px}.expense-subheader{display:flex;grid-gap:10px;gap:10px;padding:5px}.expense-subheader-text-wrapper{display:flex;flex-direction:column;justify-content:center;grid-row-gap:3px;row-gap:3px}.expense-subheader-text-wrapper button{background-color:#ff6638;color:#fff;border-color:#e95c32;padding:5px;border-radius:3px;font-size:11px;width:100px}.expense-subheader-description{font-size:16px;color:#3c4144}.expense-subheader-amount{font-size:20px;font-weight:700;color:#3c4144}.expense-subheader-date{font-size:12px;color:#999}.expense-main-content{width:90%;padding:0 10px 8px}.expense-content-wrapper img,.expense-main-content-wrapper img{height:40px;width:40px;border-radius:50%;object-fit:cover}.expense-edit-btn{max-width:85px}.expense-post-btn{width:75px;text-align:center}.expense-image-wrapper{width:84px;height:84px;border:1px solid #ddd;align-self:center}.expense-image-wrapper img{height:84px;width:84px}.expense-main{display:flex;grid-gap:10px;gap:10px}.expense-main-content-wrapper,.expense-main-content-wrapper li{display:flex;grid-gap:10px;gap:10px;align-items:center}.expense-main-content-wrapper span{font-weight:700;font-size:13px}.expense-main-content-wrapper p{font-size:14px}.expense-main-list{display:flex;flex-direction:column;grid-gap:10px;gap:10px}.expense-content-wrapper{margin:5px 0 8px}.expense-comment{display:flex;flex-direction:column}.expense-comment-text{font-size:13px;font-weight:700;color:#3c4144;margin:5px 0}.expense-comment-item{box-sizing:border-box;width:100%;border:1px solid #ccc;border-radius:5px;padding:6px 8px;background-color:#fff;margin-bottom:8px;word-wrap:break-word;position:relative}.expense-comments-wrapper{box-sizing:border-box;padding:5px;background-color:#f8f8f8;box-shadow:inset 0 5px 7px -5px rgba(24,26,27,.25),inset 0 -3px 7px -5px rgba(24,26,27,.25);width:100%}.expense-icon-wrapper{position:absolute;right:5px;top:0;display:flex;grid-gap:7px;gap:7px;align-items:center;padding:3px 0}.expense-icon-wrapper>*{cursor:pointer}.expense-icon-wrapper>div:first-child{display:flex;align-items:center}.expense-edit{width:10px;height:10px;font-size:10px;vertical-align:auto}.expense-delete{font-size:12px;color:#8f3d3d}.expense-close:hover{text-decoration:underline}.expense-comment-title{font-weight:700;color:#3c4144;font-size:13px}.expense-comment-span{color:#948e85;font-size:11px;margin-left:3px}.expense-comment-form{display:flex;flex-direction:column}.expense-comment-form textarea{border-color:#b8b4ae}.expense-comment-form .expense-error{font-size:11px;color:#8f3d3d}.expense-button-wrapper{display:flex;grid-gap:10px;gap:10px}textarea{box-sizing:border-box;width:100%}.edit-friend-form{margin:50px auto 0;padding:20px;display:flex;flex-direction:column;align-items:center;max-width:600px;grid-row-gap:10px;row-gap:10px}.edit-friend-text{text-align:center}.edit-friend-buttons{margin:15px 0}.edit-friend-buttons button{margin:0 5px}#friend-items{margin-left:200px;margin-right:200px}#friend-items .expense-header{display:grid;grid-template-columns:5% 5% auto 20% 20%;grid-template-rows:60px;border:1px solid #b8b4ae}.expense-header-date{justify-self:center;align-self:center}.expense-header-date>*{margin:0;text-align:center;color:grey;font-size:12pt}.expense-header-day{font-size:20pt}.expense-header-logo{justify-self:center;align-self:center;height:40px}.expense-header-description{align-self:center;font-weight:700;margin:10px;font-size:12pt}.expense-header-A{align-self:center;text-align:right;margin-right:10px}.expense-header-B{align-self:center;text-align:left;margin-left:10px}.expense-header-A p:first-child,.expense-header-B p:first-child{margin:5px 0;color:grey;font-size:12pt}.expense-header-A p:nth-child(2),.expense-header-B p:nth-child(2){margin:5px 0}#friend-items .payment-header{display:grid;grid-template-columns:5% auto 20% 20%;grid-template-rows:40px;border:1px solid #b8b4ae}.payment-header-logo{justify-self:center;align-self:center;height:30px}.payment-header-description{align-self:center;text-align:left;margin:10px;font-size:12pt}.payment-header-A{align-self:center;text-align:right;margin-right:10px;color:grey;font-size:12pt}.payment-header-B{align-self:center;text-align:left;margin-left:10px}.orange-amount{color:#ff6638}.teal-amount{color:#52c5a7}.delete-expense,.delete-payment{justify-self:center;align-self:center;border:none;background:none;color:red}.delete-expense:hover,.delete-payment:hover{text-decoration:underline}#show-container{text-align:center;padding:20px 10px}#settled-up-logo{width:200px;padding:30px}#show-button{color:#0087c7;border:none;background:none}#show-button:hover{text-decoration:underline}#settings-container{margin:50px auto 0;padding:20px;display:flex;flex-direction:column;max-width:600px;grid-row-gap:10px;row-gap:10px}#settings-container h1{text-align:center}#settings-form{display:flex;flex-direction:row;justify-content:space-around;padding:20px 0}#settings-image{width:250px;display:flex;flex-direction:column}#settings-preview{width:200px;height:200px;border:1px solid #000;margin-bottom:10px}#settings-inputs{display:flex;width:300px;flex-direction:column;grid-row-gap:10px;row-gap:10px}#settings-upload{width:250px;text-overflow:ellipsis;margin:10px 0}#settings-preview-remove{position:absolute;padding:0 10px;margin:0;width:-webkit-min-content;width:min-content;border:none;background-color:initial;font-weight:700;color:red}#root,body,html{margin:0;padding:0;height:100%;width:100%}*{font-family:"Montserrat",sans-serif;font-size:12pt;font-style:normal}.hidden{display:none}h1{font-size:24pt}h2{font-size:18pt}button{font-size:12pt;font-style:normal;width:auto;margin:5px 0;border-radius:5px;border-width:1px;padding:8px}button:hover{cursor:pointer}button.normal{background-color:#fff;color:#52c5a7;border:none}button.accent{background-color:#ff6638;color:#fff;border-color:#e95c32}button.primary{background-color:#52c5a7;color:#fff;border-color:#4bb197}input{box-sizing:border-box}form{display:flex;justify-content:left;flex-direction:column}.error-msg{color:red}a{text-decoration:none;color:#000}a:hover{cursor:pointer}.button:disabled{color:grey}
/*# sourceMappingURL=main.5bb5f450.chunk.css.map */