*{box-sizing:border-box;list-style-type:none;margin:0;padding:0;text-decoration:none}input{-moz-appearance:textfield}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input::-o-inner-spin-button{-o-appearance:none;margin:0}:root{font-size:10px}body{background-color:#c5e4e7;height:100vh;width:100vw}h2,p{font-family:Space Mono,monospace}h2{color:#fff}label{color:#5e7a7d;font-size:1.8rem}input,label{font-family:Space Mono,monospace}input{background-color:#f4fafa;border:none;text-align:right}header{align-items:center;display:flex;height:20vh;justify-content:center}.container{background-color:#fff;border-radius:25px 25px 0 0;max-width:1000px;padding:30px;width:100vw}.container,.general-input-container{display:flex;flex-direction:column;row-gap:30px}.bill-container input{background-image:url(/static/media/icon-dollar.9f9be3534a9295a65957.svg);background-position:5%;background-repeat:no-repeat;background-size:auto auto;background-size:initial;border-radius:5px;color:#00494d;cursor:pointer;font-size:2.4rem;font-weight:700;margin-top:5px;padding:5px;transition:.2s ease;width:100%}.bill-container input:focus,.bill-container input:hover{outline:2px solid #26c0ab}.bill-container input::-webkit-input-placeholder{color:#7f9c9f}.bill-container input:-ms-input-placeholder{color:#7f9c9f}.bill-container input::placeholder{color:#7f9c9f}.tip-input{grid-column-gap:15px;grid-row-gap:15px;-webkit-column-gap:15px;column-gap:15px;display:grid;grid-template-areas:"five ten" "fifteen twenty-five" "fifty custom";grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);margin-top:15px;row-gap:15px}.tip-input input[type=radio]{display:none}.tip-input input[type=radio]:checked+label{background-color:#26c0ab;color:#00494d}.tip-input input[type=radio]+label{background-color:#00494d;border-radius:5px;color:#f4fafa;cursor:pointer;display:block;font-size:2.5rem;font-weight:700;padding:10px 25px;text-align:center;transition:.2s ease}.tip-input input[type=radio]+label:hover{background-color:#26c0ab;color:#00494d}.tip-input input[type=tel]{border-radius:5px;color:#00494d;cursor:pointer;display:none;font-size:2.5rem;font-weight:700;padding:9px;transition:.2s ease;width:150px}.tip-input input[type=tel]:focus{outline:2px solid #26c0ab}.tip-input input[type=tel]+label{background-color:#f4fafa;border-radius:5px;color:#5e7a7d;cursor:pointer;display:block;font-size:2.5rem;font-weight:700;padding:10px 25px;text-align:center;transition:.2s ease}.tip-input input[type=tel]+label:hover{color:#26c0ab;outline:3px solid #26c0ab}#five{grid-area:five}#ten{grid-area:ten}#fifteen{grid-area:fifteen}#twenty-five{grid-area:twenty-five}#fifty{grid-area:fifty}#custon{grid-area:custom}.people-container input{background-image:url(/static/media/icon-person.65bfd20465dd1d2cb58c.svg);background-position:5%;background-repeat:no-repeat;background-size:auto auto;background-size:initial;border-radius:5px;color:#00494d;cursor:pointer;font-size:2.4rem;font-weight:700;margin-top:5px;padding:5px;position:relative;transition:.2s ease;width:100%}.people-container input:focus,.people-container input:hover{outline:2px solid #26c0ab}.people-container input::-webkit-input-placeholder{color:#7f9c9f}.people-container input:-ms-input-placeholder{color:#7f9c9f}.people-container input::placeholder{color:#7f9c9f}.people-container .nb-people-error{align-items:center;display:flex;justify-content:space-between}.people-container input.error{outline:2px solid red}.people-container .input-error{color:red;display:inline-block;font-size:1rem}.recap-container{background-color:#00494d;border-radius:15px;display:flex;flex-direction:column;padding:20px;row-gap:30px;width:100%}.recap-container p{color:#7f9c9f;font-size:1.4rem}.recap-container .recap-bottom,.recap-container .recap-top{align-items:center;display:flex;justify-content:space-between}.recap-container .tip-amount p,.recap-container .total-amount p{color:#26c0ab;font-size:3rem;font-weight:700}.recap-container .btn-reset-form button[type=reset]{background-color:#26c0ab;border:none;border-radius:5px;color:#00494d;cursor:pointer;font-family:Space Mono,monospace;font-size:1.8rem;font-weight:700;padding:10px 0;text-transform:uppercase;transition:.2s ease;width:100%}.recap-container .btn-reset-form button[type=reset]:hover{background-color:#c5e4e7}.recap-container .btn-reset-form.empty button[type=reset]{background-color:#26c0ab24}@media screen and (min-width:1440px){body{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:40px}.container{border-radius:25px;-webkit-column-gap:40px;column-gap:40px;flex-direction:row;height:500px}.general-input-container{flex-basis:50%;justify-content:center}.tip-input{grid-template-areas:"five ten fifteen" "twenty-five fifty custom";grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.tip-input input[type=tel]{width:141px}.people-container .input-error{font-size:1.8rem}.recap-container{flex-basis:50%;padding:70px 40px 40px}.recap-container .tip-amount p,.recap-container .total-amount p{font-size:4.3rem}.recap-container .btn-reset-form{margin-top:auto}}
/*# sourceMappingURL=main.68e27c0d.css.map*/