.fade-transition{opacity:0;transition:opacity 1.5s ease-in-out}.fade-transition.transition-entered{opacity:1}.fade-transition.transition-exited{opacity:0;display:none}.height-transition{transition:height .4s ease-in-out}.height-transition.transition-entered{overflow:visible}.height-transition.transition-entered div[data-core-height-transition-content]{overflow:visible}.height-transition.transition-exited{display:none}.height-transition div[data-core-height-transition-content]{overflow:hidden}
.overlay{z-index:999;position:fixed;background-color:rgba(156,252,151,.6);color:#f2f2f2;top:0;left:0;right:0;bottom:0;box-sizing:border-box;overflow:auto}@media(max-width: 767px){.overlay{justify-content:center}}.overlay .overlay-content{height:fit-content;width:50%;background-color:#040f16;border-radius:18px;padding:10px}@media(max-width: 767px){.overlay .overlay-content{margin-bottom:0;width:85%}}.overlay .actions{margin-block:20px;width:60%}@media(max-width: 767px){.overlay .actions{width:90%;flex-direction:row;justify-content:space-evenly}}.overlay .actions button{font-size:14px}@media(max-width: 767px){.overlay .actions button{font-size:20px}}.overlay .actions .btn-update,.overlay .actions .btn-confirm{background-color:#9cfc97}.overlay .actions .btn-cancel{background-color:#d5202f}.transaction-edit-overlay .purchase-info,.transaction-edit-overlay .purchase-amount,.transaction-delete-confirm-overlay .purchase-info,.transaction-delete-confirm-overlay .purchase-amount{margin-block:20px;width:80%}@media(max-width: 767px){.transaction-edit-overlay .purchase-info,.transaction-edit-overlay .purchase-amount,.transaction-delete-confirm-overlay .purchase-info,.transaction-delete-confirm-overlay .purchase-amount{width:100%}}
.error-message{background-color:#f2f2f2;max-width:300px;border:2px solid #d5202f;border-radius:5px;vertical-align:middle;position:fixed;bottom:30px;left:20px}@media(max-width: 767px){.error-message{bottom:20px;right:0;left:0}}.error-message .show-error{background-color:rgba(213,32,47,.3);color:#d5202f;padding:10px}.error-message:has(.no-error){display:none}
@media(max-width: 767px){.user{margin-bottom:0}}.user .add-expense-btn{background-color:#9cfc97;margin:0}.user .price-summary{margin-top:20px}.username{margin-bottom:30px}.user-transactions .delete-btn{background-color:rgba(0,0,0,0)}.price-summary{flex-direction:column}.price-summary .total-price,.price-summary .settlement-price{font-size:20px;margin-bottom:20px;align-items:end}@media(max-width: 767px){.price-summary .total-price,.price-summary .settlement-price{margin-bottom:0;margin-top:10px}}.price-summary .total-amount,.price-summary .balance{border:none;box-shadow:none;border-bottom:2px solid #f2f2f2;margin-left:15px;font-size:20px}@media(max-width: 767px){.price-summary .total-amount,.price-summary .balance{margin-left:0;align-self:center}}.price-summary .balance.positive{color:#299539;border-color:#299539}.price-summary .balance.negative{color:#d5202f;border-color:#d5202f}.transactions-list-table{margin:0 auto;border:2px solid #f2f2f2;border-radius:6px;width:80%;margin-block:20px}@media(max-width: 767px){.transactions-list-table{width:100%}}.transactions-list-table thead th{background-color:#299539}.transactions-list-table tbody td{background-color:#f2f2f2;color:#000}
.action-tray{width:100%;margin:20px auto;padding-bottom:20px}@media(max-width: 767px){.action-tray{margin:20px auto}}.users-actions{border-radius:15px;padding:25px}@media(max-width: 767px){.users-actions{padding:10px}}.user-names{display:flex;justify-content:center;vertical-align:middle;flex-wrap:wrap;row-gap:20px;margin-bottom:30px;overflow:hidden}@media(min-width: 1024px){.user-names{max-width:80%}}@media(max-width: 767px){.user-names{margin-top:10px;margin-bottom:20px}}.user-names .user-name-btn{margin-inline:20px;background-color:rgba(156,252,151,.8)}.user-names .user-name-btn:active{background-color:rgba(41,149,57,.8)}.user-names .user-name-btn.active{background-color:#f2f2f2}.user-names .select-user-header{padding:5px}.user-names .select-user-btn{background-color:#f2f2f2;border:2px solid #299539;color:#040f16;width:100%;text-align:left}.user-names .select-user-btn.arrow-down::after{content:"▼";float:right}.user-names .select-user-btn.arrow-up::after{content:"▲";float:right}.user-names .select-user-dropdown{display:inline-block;width:140px}.user-names .select-user-dropdown .select-user-dropdown-content{width:inherit;position:absolute;z-index:1}.user-names .select-user-dropdown .dropdown-content{background-color:rgba(242,242,242,.8);padding:0;margin:0;max-height:100px;overflow-y:scroll;border-radius:2px}.user-names .select-user-dropdown .dropdown-content::-webkit-scrollbar{width:3px}.user-names .select-user-dropdown .dropdown-content::-webkit-scrollbar-track{border-radius:10px}.user-names .select-user-dropdown .dropdown-content::-webkit-scrollbar-track-piece{background:rgba(16,30,38,.6)}.user-names .select-user-dropdown .dropdown-content::-webkit-scrollbar-thumb{background:rgba(242,242,242,.5);border-radius:10px}.user-names .select-user-dropdown .dropdown-content li{border-bottom:1px solid #000}.user-names .select-user-dropdown .dropdown-content .user-name-list-btn{background-color:rgba(0,0,0,0);color:#299539}.expenses-summary{font-size:24px}@media(max-width: 767px){.expenses-summary{font-size:20px;height:80px}}.add-user-section{font-size:18px;max-width:720px}.add-user-section button{margin:0;width:70px}@media(max-width: 767px){.add-user-section button{margin-bottom:10px}}.add-user-section .save-btn{background-color:#9cfc97}.add-user-section .cancel-btn{background-color:#d5202f}.add-user-section .add-user-actions{display:flex;justify-content:space-around;align-items:center;width:95%;margin-top:20px}.suggestions{font-size:18px;font-weight:600;margin-block-start:10px;margin-block-end:30px}@media(max-width: 767px){.suggestions{margin-block-start:5px;margin-block-end:20px}}.user-view{border:1px solid #299539;border-radius:10px;position:relative;padding:15px;margin-bottom:30px}.delete-usr{position:absolute;top:4px;right:4px;border-radius:50%;height:20px;width:20px;font-size:8px;font-weight:600}.add-user-btn{background-color:#9cfc97}
.accordion{margin-bottom:15px}.accordion .accordion-content{width:80%;background-color:rgba(16,30,38,.6);border-radius:10px}@media(min-width: 768px)and (max-width: 1023px){.accordion .accordion-content{width:95%}}@media(max-width: 767px){.accordion .accordion-content{width:95%}}.accordion .accordion-btn-text{height:48px;display:inherit;align-items:center}@media(min-width: 768px)and (max-width: 1023px){.accordion .accordion-btn-text{height:40px}}@media(max-width: 767px){.accordion .accordion-btn-text{height:32px}}.accordion .accordion-icon{width:48px;height:48px}@media(min-width: 768px)and (max-width: 1023px){.accordion .accordion-icon{width:40px;height:40px}}@media(max-width: 767px){.accordion .accordion-icon{width:32px;height:32px}}@media(min-width: 768px)and (max-width: 1023px){.accordion .accordion-icon svg{width:40px;height:40px}}@media(max-width: 767px){.accordion .accordion-icon svg{width:32px;height:32px}}.accordion .accordion-btn{width:100%;font-size:40px;background-color:#299539;color:#040f16;padding:10px 20px;display:flex;justify-content:space-between;margin:0 auto}@media(min-width: 768px)and (max-width: 1023px){.accordion .accordion-btn{font-size:32px;padding:10px}}@media(max-width: 767px){.accordion .accordion-btn{font-size:24px;padding:10px}}.accordion .accordion-btn .accordion-btn-text{font-weight:500}
@keyframes border-input-anime{25%{border-right:2px solid #299539}50%{border-top:2px solid #299539}75%{border-left:2px solid #299539}100%{border-bottom:2px solid #299539}}html,body{margin:0;padding:0;width:100%;height:-webkit-fill-available;font-family:Arial,Helvetica,sans-serif;background-color:#040f16;color:#f2f2f2;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-track-piece{background:rgba(16,30,38,.6)}::-webkit-scrollbar-thumb{background:swatch("apple-white", 50%);border-radius:10px}div{margin:0 auto;text-align:center}@media(max-width: 767px){h1{font-size:1.75em}}li{list-style:none;list-style-type:none}#root{width:100%;height:inherit;overflow:auto;position:relative}input{margin:0;height:25px;width:275px;font-size:16px;font-weight:600;border-radius:4px;text-align:center;background-color:rgba(0,0,0,0);border:2px solid rgba(242,242,242,.8);box-shadow:0 0 1.5px 1.5px rgba(242,242,242,.3);transition:border 2s ease;color:#f2f2f2;padding:5px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield;appearance:textfield}input::after{border:2px solid #299539}input:focus,input:focus-visible{animation:border-input-anime 1s infinite ease-in-out alternate-reverse;outline:none;outline-offset:none}@media(max-width: 767px){input:read-only{width:200px}}button{border-radius:4px;padding:5px;font-weight:600;border:none}.column-50{display:flex}@media(max-width: 767px){.column-50{flex-direction:column;justify-content:space-between}}.column-50 .left,.column-50 .right{width:50%}@media(max-width: 767px){.column-50 .left,.column-50 .right{width:100%}}.d-flex{display:flex;justify-content:space-evenly;align-items:center}@media(max-width: 767px){.d-flex{flex-direction:column;justify-content:space-between}.d-flex *{margin-bottom:10px}}svg{pointer-events:none}fieldset{border-radius:12px;border-color:#299539;box-shadow:0 0 1.5px 1.5px rgba(41,149,57,.5)}fieldset:has(input:focus){animation:border-input-anime 1s infinite ease-in-out alternate-reverse}fieldset legend{color:#299539;background-color:#040f16}fieldset input{border:none;box-shadow:none;transition:none;font-size:18px}fieldset input:focus{animation:none}@media(max-width: 767px){fieldset input{font-size:24px}}.welcome-title{font-size:50px;font-weight:400}@media(max-width: 767px){.welcome-title{font-size:28px}}
.main-welcome-intro{font-size:24px;padding:10px;line-height:1.2;max-width:85%}@media(max-width: 767px){.main-welcome-intro{font-size:16px}}.main-welcome-intro .app-name,.main-welcome-intro b{font-size:48px;font-weight:500;color:#299539}@media(max-width: 767px){.main-welcome-intro .app-name,.main-welcome-intro b{font-size:24px}}.split-wise-app{margin-block:8rem;width:95%;position:inherit}@media(min-width: 768px)and (max-width: 1023px){.split-wise-app{margin-block:6rem}}.split-wise-app .docs-on-get-started{font-size:28px}@media(min-width: 768px)and (max-width: 1023px){.split-wise-app .docs-on-get-started{font-size:24px}}@media(max-width: 767px){.split-wise-app .docs-on-get-started{font-size:20px}}.split-wise-app .app-intro{padding:5rem 4rem;background-color:rgba(16,30,38,.6);display:flex;justify-content:space-evenly;align-items:center;border-radius:15px}@media(min-width: 768px)and (max-width: 1023px){.split-wise-app .app-intro{padding:2rem 0}}@media(max-width: 767px){.split-wise-app .app-intro{padding:2rem;flex-direction:column;row-gap:20px}}.split-wise-app .app-intro .left{width:70%}@media(min-width: 768px){.split-wise-app .app-intro .left{border-right:solid 2px}}@media(max-width: 767px){.split-wise-app .app-intro .left{width:100%}}.split-wise-app .app-intro .right{width:30%}@media(max-width: 767px){.split-wise-app .app-intro .right{width:100%}}.split-wise-app .app-intro .get-started-btn{background-color:#299539;font-size:16px;padding:10px}@media(max-width: 767px){.split-wise-app .app-intro .get-started-btn{padding:5px}}.split-wise-app .app-intro .get-started-btn:hover{background-color:#9cfc97}.split-wise-app .add-sheet-btn{color:#299539}.split-wise-app .cancel-add-sheet-btn{color:#d5202f}.split-wise-app .add-sheet-btn,.split-wise-app .cancel-add-sheet-btn{width:40px;height:40px;padding:0;border-radius:50%;position:relative}.split-wise-app .add-sheet-btn svg,.split-wise-app .cancel-add-sheet-btn svg{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}@media(max-width: 767px){.split-wise-app .add-sheet-btn svg,.split-wise-app .cancel-add-sheet-btn svg{width:24px;height:24px}}@media(max-width: 767px){.split-wise-app .add-sheet-btn,.split-wise-app .cancel-add-sheet-btn{width:32px;height:32px}}.split-wise-app .input-sheet{width:80%;padding:15px}@media(min-width: 768px)and (max-width: 1023px){.split-wise-app .input-sheet{width:90%}}@media(max-width: 767px){.split-wise-app .input-sheet{width:90%}}.split-wise-app .input-sheet fieldset{width:30%;transition:width 1s ease-in-out;padding:5px;margin-bottom:10px}.split-wise-app .input-sheet fieldset legend{font-size:18px}@media(max-width: 767px){.split-wise-app .input-sheet fieldset legend{font-size:12px}}@media(max-width: 767px){.split-wise-app .input-sheet fieldset{padding:0;font-size:12px}}.split-wise-app .input-sheet fieldset:has(.sheet-name-input:focus){width:100%}.split-wise-app .sheet-name-input{font-weight:500;font-size:20px}.split-wise-app .sheet-name-input:focus::placeholder{color:rgba(0,0,0,0)}@media(max-width: 767px){.split-wise-app .sheet-name-input{padding:0;font-size:16px}}.split-wise-app .input-sheet-actions{display:flex;justify-content:space-around;width:95%;margin-top:20px}