body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{background-color:#c5e4e7;font-family:Space Mono,monospace}.main-container{align-items:center;justify-content:center;margin-bottom:200px;margin-top:150px}.bill-container,.main-container{display:flex;flex-direction:column;width:100%}.bill-container{color:#5e7a7d;font-size:10px;gap:1rem}.bill-input{background-color:#f4fafa;background-image:url(/static/media/icon-dollar.9f9be3534a9295a65957.svg);background-position:10px 50%;background-repeat:no-repeat;border:none;border-radius:5px;color:#00494d;font-size:20px;font-weight:700;outline:none;padding:10px;text-align:right;width:100%}.calc-container{background-color:#fff;border-radius:2.5rem;display:flex;flex-direction:row;gap:3rem;justify-content:space-between;padding:3.5rem;width:800px}.result{background-color:#00494d;border:none;border-radius:10px;color:#fff;font-size:20px;gap:40%;height:100%;margin-left:auto;outline:none;padding:20px}.figures,.result{display:flex;flex-direction:column;width:100%}.figures{gap:3rem;justify-content:center;margin-bottom:20px}.partOne,.partTwo{display:flex;flex-direction:column;gap:1rem;width:50%}.tip-amount,.total{display:flex;justify-content:space-between}.amount{color:#26c2ae;display:flex;font-size:30px;font-weight:600}.text{display:flex;flex-direction:column;gap:0}.text p{margin-bottom:0}.person{color:#7f9d9f;margin-top:0}.reset-btn{background-color:#26c0ab;border:none;border-radius:5px;font-size:20px;font-weight:500;margin-bottom:auto!important;outline:none;padding:10px;width:100%}@media (max-width:500px){.main-container{margin-bottom:50px;margin-top:50px}.calc-container{flex-direction:column;gap:3rem;padding:40px 20px 30px;width:100%}.result{margin-left:0;width:100%}.figures{flex-direction:column;gap:2rem;margin-bottom:20px}.figures,.partOne,.partTwo{width:100%}.amount{font-size:20px}.reset-btn{margin-bottom:0!important;width:100%}}.logo{margin:5rem 0 8rem}body{margin:0;padding:0}*,:after,:before,body{box-sizing:border-box}.tip-calculator{background-color:#fff;border-top-left-radius:2.5rem;border-top-right-radius:2.5rem;flex-direction:column;gap:3rem;justify-content:center;padding:3.5rem;width:100%}.label-wrapper,.tip-calculator{align-items:center;display:flex}.label-wrapper{justify-content:space-between;padding:.6rem 0}.label-wrapper label{color:#5e7a7d;font-size:1.5rem;font-weight:700}.label-wrapper .error-note{color:#e17456;font-size:1.5rem;font-weight:700;opacity:0}.label-wrapper .show-error-note{opacity:1;transition:opacity 1s ease-in-out}.input-text,.people-input{background-color:#f4fafa;border:none;border-radius:.5rem;color:#00494d;font-family:Space Mono,monospace;font-size:2.4rem;font-weight:700;padding:.5rem 2.4rem;text-align:right;width:100%}.people-input{background-image:url(/static/media/icon-person.65bfd20465dd1d2cb58c.svg);background-position:10px 50%;background-repeat:no-repeat}.input-text{background-color:#f4fafa;border:none;border-radius:.5rem;box-shadow:inset 0 4px 4px rgba(0,0,0,.25);color:#00494d;font-family:Space Mono,monospace;font-size:2.4rem;font-weight:700;padding:.5rem 2.4rem;text-align:right;width:100%}.input-text:focus{border:2px solid #26c0ab;outline:none}input::-webkit-input-placeholder{color:#547878;font-size:2rem}input::placeholder{color:#547878;font-size:2rem}.btn-wrapper{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);padding-top:1.2rem}.btn{align-items:center;background-color:#00494d;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:2rem;font-weight:700;height:45px;justify-content:center;padding:.6rem 0;text-align:center;transition:all .5s ease}.btn:hover{background-color:#a1e8df}.btn-active{background-color:#26c0ab;color:#00494d}.people-container .label-wrapper{align-items:center;display:flex;justify-content:space-between;padding:.6rem 0}.people-container .label-wrapper label{color:#5e7a7d;font-size:1.5rem;font-weight:700}.error-note{color:#e17456;font-size:1.5rem;font-weight:700;opacity:0}.show-error-note{opacity:1;transition:opacity 1s ease-in-out}.scale{-webkit-transform-origin:center;transform-origin:center}
/*# sourceMappingURL=main.46029d6c.css.map*/