._TipOutput_1ys8v_1{border-radius:20px;background-color:#00494d;display:flex;flex-direction:column;gap:4rem;width:30rem;max-width:30rem;font-size:1.8rem;padding:3rem;color:#26c0ab;font-weight:700}._TipOutput_1ys8v_1>div{display:flex;justify-content:space-between;align-items:center}._TipOutput_1ys8v_1>div>div>p:first-child{color:#fff}._TipOutput_1ys8v_1>div>div>p:last-child{font-size:1.4rem;color:#7f9c9f}._TipOutput_1ys8v_1>div>p{font-size:2.4rem}._TipOutput_1ys8v_1 button{background-color:#26c0ab;text-transform:uppercase;font-size:1.8rem;font-weight:700;color:#00494d;padding:2rem 4rem;border-radius:10px;border-width:0;border-style:none;margin-top:8rem;cursor:pointer}._card_5ih49_1{border-radius:20px;background-color:#fff;gap:4rem;display:flex;font-size:1.8rem;padding:3rem;width:fit-content;margin:10vh auto}@media only screen and (max-width:768px){._card_5ih49_1{flex-direction:column}}._tipCalculate_rq2fw_1{display:flex;gap:2rem;flex-direction:column;width:30rem;max-width:30rem;font-size:1.8rem;color:#7f9c9f;font-weight:700}._tip_rq2fw_1{display:inherit;flex-direction:column;gap:2rem}._tip_rq2fw_1 div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}._tip_rq2fw_1 button{padding:1rem 2.4rem;background-color:#00494d;color:#fff;border-width:0;border-style:none;font-weight:700;font-size:1.8rem;border-radius:10px;cursor:pointer}._input_rq2fw_36{display:flex;border-radius:10px;padding:.5rem 1rem;justify-content:space-between;background-color:#f4fafa;align-items:center}._input_rq2fw_36 img{width:1.5rem;height:2.5rem}._input_rq2fw_36 input{background-color:inherit;color:#7f9c9f;border:none;padding:inherit;text-align:right;font-size:1.8rem;font-weight:700;padding:1rem;cursor:pointer}._input_rq2fw_36 input:focus-visible{border:none;outline:none}._customInput_rq2fw_68{background-color:#f4fafa;width:100%;border:none;padding:inherit;text-align:right;border-radius:10px;cursor:pointer;text-align:center}._customInput_rq2fw_68:focus-visible{border:none;outline:none}._customInput_rq2fw_68[type=number i],._input_rq2fw_36 input:focus-visible[type=number i]{font-size:1.8rem;font-weight:700;color:#00494d}@media only screen and (max-width:768px){._tip_rq2fw_1 div{grid-template-columns:1fr 1fr}}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#c5e4e7}html{font-size:67.5%}@media only screen and (max-width: 768px){html{font-size:55%}}@media only screen and (max-width: 300px){html{font-size:40%}}