@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);:root{--fs-900:4.8rem;--fs-800:2.4rem;--fs-700:1.6rem;--fs-600:1.3rem;--strong-cyan:#26c0ab;--very-dark-cyan:#00494d;--dark-grayish-cyan:#5e7a7d;--grayish-cyan:#7f9c9f;--light-grayish-cyan:#c5e4e7;--very-light-grayish-cyan:#f4fafa;--white:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);color:#00494d;color:var(--very-dark-cyan);display:flex;font-family:Space Mono,monospace;font-size:2.4rem;font-size:var(--fs-800);font-weight:700;overflow-x:hidden;place-content:center}button,input{font:inherit}.app-name{font-size:2.4rem;font-size:var(--fs-800);letter-spacing:5px;margin-top:5vh;text-align:center;text-transform:uppercase}.container{grid-gap:4rem;background-color:#fff;border-radius:12px;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin-top:2rem;padding:3rem;width:70vw}@media screen and (max-width:720px){.container{gap:0;grid-template-columns:1fr;width:100vw}}.left-side>*{margin-bottom:4rem}.tips__text{color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:1.6rem;font-size:var(--fs-700);margin-bottom:1rem}.tips__btn-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}@media screen and (max-width:720px){.tips__btn-grid{grid-template-columns:repeat(2,1fr)}}.tips__btn{background-color:#00494d;background-color:var(--very-dark-cyan);color:#fff}.tips__btn,.tips__btn--focus{border:0;border-radius:6px;outline:0;padding:.2em 1.5em;transition:all .3s}.tips__btn--focus{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);color:#00494d;color:var(--very-dark-cyan)}.input-text{color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:1.6rem;font-size:var(--fs-700)}.input-group{align-items:center;background-color:#f4fafa;background-color:var(--very-light-grayish-cyan);border-radius:6px;display:flex;padding:.3rem}.input-icon{color:#7f9c9f;color:var(--grayish-cyan);font-size:1.6rem;font-size:var(--fs-700)}.input-amount{background-color:inherit;border:0;color:#00494d;color:var(--very-dark-cyan);outline:0;text-align:right;width:90%}.card{background-color:#00494d;background-color:var(--very-dark-cyan);border-radius:12px;flex-direction:column;padding:4rem 3rem}.card,.card-content{display:flex;justify-content:space-between}.card-content{align-items:center;margin-bottom:2rem}.card-text{color:#fff;font-size:1.6rem;font-size:var(--fs-700)}.card-amount{color:#26c0ab;color:var(--strong-cyan);font-size:4.8rem;font-size:var(--fs-900)}.card-person{color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:1.3rem;font-size:var(--fs-600)}.card-btn{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);border:0;border-radius:6px;color:#00494d;color:var(--very-dark-cyan);outline:0;padding:.2em 0}.custom-tips{border-radius:6px;overflow:hidden;position:relative}.custom-tips-input{border:0;border-radius:6px;color:#00494d;color:var(--very-dark-cyan);height:100%;outline:0;padding-right:.3em;position:absolute;text-align:right;transition:border .15s ease;width:100%}.custom-tips-input:focus{border:3px solid #26c0ab;border:3px solid var(--strong-cyan)}.custom-tips-input::-webkit-input-placeholder{color:#5e7a7d;color:var(--dark-grayish-cyan);text-align:center}.custom-tips-input::placeholder{color:#5e7a7d;color:var(--dark-grayish-cyan);text-align:center}
/*# sourceMappingURL=main.91b0286e.css.map*/