body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiBottomNavigation-root{background-color:#0dcaf0}.app-version{font-size:8px;color:#aaa;position:absolute;right:.2rem;bottom:.2rem}.screen-content.profile-screen{padding:20px}.screen-content.profile-screen .current-user{margin-bottom:20px;font-size:1.2rem}.screen-content.profile-screen .current-user .username{font-weight:700}.screen-content.profile-screen .settings-button{margin-bottom:20px}.screen-content.profile-screen .logout-button{margin-top:40px}.screen-content.settings-screen{padding:20px}.screen-content.settings-screen .field-wrapper{margin-bottom:20px}.screen-content.settings-screen .field-desc{margin-top:10px;font-size:.8rem;color:#666}.screen-content.settings-screen .account-email{text-decoration:underline}.number-keyboard{background-color:#0dcaf0;display:grid}.number-keyboard button{font-family:inherit;font-size:100%;line-height:1.15;margin:0;overflow:visible;text-transform:none;-webkit-appearance:button}.number-keyboard svg{pointer-events:none}.number-keyboard button{color:#fff;min-height:50px;background-color:transparent;border:none;box-shadow:1px 0 #f8f9fa,0 1px #f8f9fa,1px 1px #f8f9fa,1px 0 #f8f9fa inset,0 1px #f8f9fa inset}.number-keyboard button:active,.number-keyboard button:hover{background-color:#0003}.number-keyboard .btn-1,.number-keyboard .btn-2,.number-keyboard .btn-3,.number-keyboard .btn-delete{grid-row:1/2}.number-keyboard .btn-4,.number-keyboard .btn-5,.number-keyboard .btn-6{grid-row:2/3}.number-keyboard .btn-7,.number-keyboard .btn-8,.number-keyboard .btn-9{grid-row:3/4}.number-keyboard .btn-negate,.number-keyboard .btn-0,.number-keyboard .btn-period{grid-row:4/5}.number-keyboard .btn-return{grid-row:2/5}.number-keyboard .btn-1,.number-keyboard .btn-4,.number-keyboard .btn-7,.number-keyboard btn-negate{grid-column:1/2}.number-keyboard .btn-2,.number-keyboard .btn-5,.number-keyboard .btn-8,.number-keyboard .btn-0{grid-column:2/3}.number-keyboard .btn-3,.number-keyboard .btn-6,.number-keyboard .btn-9,.number-keyboard .btn-period{grid-column:3/4}.number-keyboard .btn-delete,.number-keyboard .btn-return{grid-column:4/5}.add-exchange-screen{height:100%}.add-exchange-screen form{height:100%;display:flex;flex-direction:column}.add-exchange-screen form div.stage-amount{flex:1;display:flex;flex-direction:column;justify-content:space-between}.add-exchange-screen form div.stage-amount .date-select{margin-top:1rem}.add-exchange-screen form div.stage-amount .amount{flex:0;display:flex;flex-direction:column-reverse;justify-content:stretch;align-items:flex-end;padding:1rem}.add-exchange-screen form div.stage-amount .amount.focused{box-shadow:0 0 10px 3px #0dcaf0}.add-exchange-screen form div.stage-amount .amount input[type=number],.add-exchange-screen form div.stage-amount .amount .formatted{font-size:2rem;border:none;width:100%;text-align:right}.add-exchange-screen form div.stage-amount .amount .error{color:#dc3545}.add-exchange-screen form div.stage-amount .exchange-rate{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.add-exchange-screen form div.stage-details{height:100%;display:flex;flex-direction:column;justify-content:space-between}.add-exchange-screen form div.stage-details .category-radio-group{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.add-exchange-screen form div.stage-details .category-radio-group input[type=radio]{display:none}.add-exchange-screen form div.stage-details .category-radio-group input[type=radio]+span{display:block;padding:.5rem;color:#adb5bd}.add-exchange-screen form div.stage-details .category-radio-group input[type=radio]:checked+span{font-weight:700;color:#000}.add-exchange-screen form div.stage-details button{border-radius:0}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;overflow:hidden;z-index:1}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,var(--base-color),var(--highlight-color),var(--base-color));transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}.add-expense-screen{height:100%}.add-expense-screen form{height:100%;display:flex;flex-direction:column}.add-expense-screen div.stage-amount{flex:1;display:flex;flex-direction:column;justify-content:space-between}.add-expense-screen div.stage-amount .amount-group{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.add-expense-screen div.stage-amount .amount-group .amount,.add-expense-screen div.stage-amount .amount-group .amount2,.add-expense-screen div.stage-amount .amount-group .plus-icon{flex:0 1;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding-inline:1rem;flex-wrap:wrap}.add-expense-screen div.stage-amount .amount-group .amount.expense,.add-expense-screen div.stage-amount .amount-group .amount2.expense,.add-expense-screen div.stage-amount .amount-group .plus-icon.expense{color:#921925}.add-expense-screen div.stage-amount .amount-group .amount.expense .type .income,.add-expense-screen div.stage-amount .amount-group .amount2.expense .type .income,.add-expense-screen div.stage-amount .amount-group .plus-icon.expense .type .income{display:none}.add-expense-screen div.stage-amount .amount-group .amount.income,.add-expense-screen div.stage-amount .amount-group .amount2.income,.add-expense-screen div.stage-amount .amount-group .plus-icon.income{color:#198754}.add-expense-screen div.stage-amount .amount-group .amount.income .type .expense,.add-expense-screen div.stage-amount .amount-group .amount2.income .type .expense,.add-expense-screen div.stage-amount .amount-group .plus-icon.income .type .expense{display:none}.add-expense-screen div.stage-amount .amount-group .amount .type>span,.add-expense-screen div.stage-amount .amount-group .amount2 .type>span,.add-expense-screen div.stage-amount .amount-group .plus-icon .type>span{display:flex;flex-direction:column;font-size:.5rem}.add-expense-screen div.stage-amount .amount-group .amount,.add-expense-screen div.stage-amount .amount-group .amount2{padding:1rem}.add-expense-screen div.stage-amount .amount-group input[type=number],.add-expense-screen div.stage-amount .amount-group .formatted{font-size:2rem;border:none;flex-grow:1;text-align:right}.add-expense-screen div.stage-amount .amount-group .error{color:#dc3545}.add-expense-screen div.stage-amount .amount-group .amount2,.add-expense-screen div.stage-amount .amount-group .plus-icon{display:none}.add-expense-screen div.stage-amount .amount-group.USDLBP{justify-content:space-evenly}.add-expense-screen div.stage-amount .amount-group.USDLBP .focused{box-shadow:0 0 10px 3px #0dcaf0}.add-expense-screen div.stage-amount .amount-group.USDLBP .amount2,.add-expense-screen div.stage-amount .amount-group.USDLBP .plus-icon{display:flex}.add-expense-screen div.stage-amount .currency-radio-group{display:flex;justify-content:space-evenly;align-items:center}.add-expense-screen div.stage-amount .currency-radio-group label{flex:1}.add-expense-screen div.stage-amount .currency-radio-group input[type=radio]{display:none}.add-expense-screen div.stage-amount .currency-radio-group input[type=radio]+span{line-height:50px;font-size:1.5rem;color:#adb5bd}.add-expense-screen div.stage-amount .currency-radio-group input[type=radio]:checked+span{font-weight:700;color:#000}.add-expense-screen div.stage-details{height:100%;display:flex;flex-direction:column;justify-content:start}.add-expense-screen div.stage-details .account-radio-group,.add-expense-screen div.stage-details .category-radio-group{display:flex;justify-content:space-evenly;align-items:center;flex-wrap:wrap}.add-expense-screen div.stage-details .account-radio-group input[type=radio],.add-expense-screen div.stage-details .category-radio-group input[type=radio]{display:none}.add-expense-screen div.stage-details .account-radio-group input[type=radio]+span,.add-expense-screen div.stage-details .category-radio-group input[type=radio]+span{display:block;padding:.5rem;color:#adb5bd}.add-expense-screen div.stage-details .account-radio-group input[type=radio]:checked+span,.add-expense-screen div.stage-details .category-radio-group input[type=radio]:checked+span{font-weight:700;color:#000}.add-expense-screen div.stage-details .section-accordion-summary{background:#e9ecef}.add-expense-screen div.stage-details .section-accordion-summary svg{margin-inline-end:.5rem}.add-expense-screen div.stage-details .section-accordion-summary .MuiAccordionSummary-content.Mui-expanded,.add-expense-screen div.stage-details .MuiAccordion-root.Mui-expanded{margin:inherit}.add-expense-screen div.stage-details button{border-radius:0;padding-block:1rem}.exchange-list{position:relative;padding-bottom:56px}.exchange-list .overall-status{display:flex;justify-content:space-between;padding:.5rem;font-weight:600;box-shadow:0 3px 4px -1px #0003;margin-bottom:5px}a.exchange-row{text-decoration:inherit;color:inherit}.exchange-row{display:grid;border-bottom:#ced4da solid 1px;padding:.5rem;text-align:left;position:relative}.exchange-row:nth-of-type(2n){background-color:#f8f9fa}.exchange-row .date{grid-row:1/2;grid-column:1/3}.exchange-row .amount-origin,.exchange-row .amount-conversion,.exchange-row .amount-result{grid-row:2/3;display:flex;flex-direction:column;justify-content:center}.exchange-row .amount-rate{grid-row:3/4}.exchange-row .amount-origin{grid-column:1/2}.exchange-row .amount-rate,.exchange-row .amount-conversion{grid-column:2/3}.exchange-row .amount-result{grid-column:3/4}.exchange-row .amount-used{grid-column:3/4;grid-row:3/4}.exchange-row .date,.exchange-row .amount-rate,.exchange-row .amount-used{color:#adb5bd;font-size:.75rem}.exchange-row .amount-used{color:#495057}.exchange-row .amount-origin,.exchange-row .amount-result{color:#198754;font-weight:700}.exchange-row .amount-conversion svg{fill:#6c757d}.exchange-row .used-progress{position:absolute;right:0;bottom:0;width:.75rem;background-color:#198754;color:#fff;font-size:.5rem;writing-mode:vertical-lr}.MuiFab-root{position:fixed!important;bottom:70px;right:20px;z-index:1}.expense-list{position:relative;padding-bottom:56px}.expense-date-group .expense-date-header{background-color:#e9ecef;color:#adb5bd;text-align:start;font-size:.75rem;font-weight:100;padding:.75rem .5rem .15rem}a.transaction-row{text-decoration:inherit;color:inherit}.transaction-row{display:grid;border-bottom:#ced4da solid 1px;padding:.5rem;text-align:left}.transaction-row:nth-of-type(2n){background-color:#f8f9fa}.transaction-row:last-child{border-bottom:none}.transaction-row .account{grid-row:1/2}.transaction-row .info-text,.transaction-row .amount{grid-row:2/3}.transaction-row .info-text{grid-column:1/2}.transaction-row .account,.transaction-row .amount{grid-column:2/3;text-align:right}.transaction-row .type-icon{text-align:right;opacity:.7;margin-inline-end:.5rem;line-height:1rem}.transaction-row .type-icon svg{font-size:inherit}.transaction-row .type-icon .income{color:#198754}.transaction-row .type-icon .expense{color:#dc3545}.transaction-row .amount-primary{display:inline-flex;align-items:center}.transaction-row .description,.transaction-row .category,.transaction-row .amount-secondary{display:block}.transaction-row .account,.transaction-row .description,.transaction-row .amount-secondary{color:#adb5bd;font-size:.75rem}.transaction-row .uncategorized{font-style:italic}.transaction-row.income .amount-primary{color:#198754;font-weight:700}.transaction-row.income .expense{display:none}.transaction-row.expense .amount-primary{color:#921925;font-weight:700}.transaction-row.expense .income{display:none}.MuiFab-root{position:fixed!important;bottom:70px;right:20px}.icon-spinner .p1,.icon-spinner .p2,.icon-spinner .p3,.icon-spinner .p4,.icon-spinner .p5,.icon-spinner .p6{transform-origin:center;animation-name:spin;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.icon-spinner .p4,.icon-spinner .p5,.icon-spinner .p6{animation-direction:alternate}.icon-spinner .p3,.icon-spinner .p6{animation-delay:.25s}.icon-spinner .p1,.icon-spinner .p4{animation-delay:.5s}.icon-spinner .p2,.icon-spinner .p5{animation-delay:.75s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.page.page-get-started .MuiStepper-root{padding:.5rem 0rem;width:100%}.page.page-get-started .page-content{padding:1rem}.page.page-get-started p{text-align:left}.page.page-get-started p .MuiSvgIcon-root{top:.125em;position:relative}.page.page-get-started img{width:100%}.page.page-get-started .img-wrapper{max-width:80%;overflow:hidden;margin:1rem}.page.page-get-started .share-email{text-decoration:underline;font-weight:600}.page.page-get-started .share-role{font-weight:700}.page.page-get-started .finish-btn{margin-top:1rem}.page.page-get-started .stepper-bottom-nav{display:flex;justify-content:space-between;padding:1rem}.App .page-login{background:#cdf4fc;min-height:100%;padding-bottom:1rem}.App .page-login .logo-img{width:50%}.App .page-login h1{margin:0;font-family:math,ui-monospace,serif;font-weight:700;font-size:4em;color:#087a91}.App .page-login .tag-line{display:block;color:#087a91;margin:0 2rem 2rem;font-weight:700}.App .page-login p{margin:1rem;text-align:center}.App .page-login p.cta{color:#087a91;font-weight:700;font-size:1.5rem}.App .page-login .wynsome-credit{display:flex;flex-direction:column;align-items:center;margin-top:2rem;opacity:.65}.App .page-login .wynsome-credit .made-by{font-size:.75rem;color:#343a40;margin-bottom:-.5rem}.App .page-login .wynsome-credit .logo-img{margin:0;height:50px;width:auto}html,body{font-family:Roboto,Arial,SansSerif}html,body,#root,.App{height:100%}#root{background-color:#565656}.App{text-align:center;max-width:700px;margin:0 auto;background:#fff;height:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.screen-content{margin:1rem;text-align:left}p.MuiTypography-root{margin-block-end:1em}.splash-screen{background-color:#cdf4fc;max-width:100%;max-height:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}