*{margin:0;padding:0;box-sizing:border-box;font-family:"Space Mono",monospace}body{background-color:#c5e4e7}body,input{font-size:24px;color:#00494d}input{font-family:"Space Mono",monospace}input,label{font-weight:600}label{color:#6f7879;font-size:16px;display:block;margin-bottom:5px}input{background-color:#f3f8fb}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus{border:2px solid #26c0ab;outline:none}.separator{margin-bottom:30px}.logo{padding:100px}.app{text-align:center}.app-container{background-color:#fff;padding:30px}.bill-container,.tip-options-container{text-align:left}.bill-input{display:block;border-radius:5px;width:100%;padding:5px;background-image:url(/static/media/icon-dollar.9f9be353.svg);background-repeat:no-repeat;background-position:16px 12px;text-align:right;border:2px solid #f3f8fb}.btn-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px}.tip-btn{font-size:24px;background-color:#00494d;color:#fff;font-weight:600;border:0;border-radius:5px;width:150px;cursor:pointer;padding:5px;margin:0 auto}.tip-btn:hover{background-color:#26c0ab;color:#00494d}.tip-btn.active,.tip-btn:focus{color:#00494d;background-color:#9fe8df}.tip-btn.custom-btn{background-color:#f3f8fb;color:#5e7a7d;text-align:right;cursor:text;border:2px solid #f3f8fb}.tip-btn.custom-btn:focus{border-color:#26c0ab}.people-input{display:block;border-radius:5px;width:100%;padding:5px;background-image:url(/static/media/icon-person.65bfd204.svg);background-repeat:no-repeat;background-position:16px 12px;text-align:right;border:2px solid #f3f8fb}.amount-total-container{background-color:#00494d;padding:40px 20px;border-radius:15px}.amount-label{color:#fff;font-size:16px;display:block;font-weight:600}.amount-person-container{display:flex}.amount-span-container{margin:0 auto 0 0;text-align:left}.person-span{color:#c5e4e7;font-size:14px}.total-container{margin:0 0 0 auto;color:#26c0ab;font-size:30px;font-weight:600}.top-person-amount{margin-bottom:30px}.reset-btn.tip-btn{text-transform:uppercase;background-color:#26c0ab;color:#00494d;width:100%;margin-top:40px}.reset-btn.tip-btn:hover{color:#00494d;background-color:#9fe8df}@media only screen and (min-width:980px){.app-container{display:flex;justify-content:space-between;width:800px;margin:0 auto;padding:50px;border-radius:20px}.flex-container{width:45%}.btn-grid{grid-template-columns:repeat(3,1fr)}.tip-btn{font-size:18px;width:90px}.reset-btn.tip-btn{margin-top:100px}.tip-btn.custom-btn{text-align:center}}@media only screen and (min-width:1200px){.app-container{min-width:1000px}.tip-btn{font-size:24px;width:120px}.reset-btn.tip-btn{margin-top:120px}.total-container{font-size:45px}.amount-total-container{padding:40px}.btn-grid{margin-top:10px}}
/*# sourceMappingURL=main.de48cfc3.chunk.css.map */