body{background:#c5e4e7;box-sizing:border-box;margin:0;overflow-x:hidden;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:430px){body{height:933px}}.main,.main-card{margin:auto}.main-card{background:#fff;border-radius:25px;box-shadow:0 32px 43px 0 rgba(79,166,175,.2);display:flex;flex-direction:row;flex-shrink:0;height:481px;justify-content:space-around;width:920px}.mini-card{background:#00474b;border-radius:15px;flex-shrink:0;height:417px;margin-top:32px;width:413px}@media only screen and (max-width:780px){.main-card{height:509px;width:700px}.mini-card{height:445px;width:327px}}@media only screen and (max-width:430px){.main-card{border-radius:25px 25px 0 0;flex-direction:column;height:793px;width:375px}.mini-card{height:257px;margin:auto;width:327px}}@media only screen and (max-width:330px){.main-card{flex-direction:column;height:789px;width:320px}.mini-card{height:257px;margin:auto;width:310px}}.tipcal{display:grid;grid-template-columns:auto;margin:30px auto}.logo,.tipcal{justify-content:center}.logo{display:flex}.logo img{height:53.136px;margin-bottom:87.864px;width:86.664px}.box{flex-shrink:0;height:388px;margin-top:45px;width:379px}.billInput{display:flex;flex-direction:column;position:relative}.billInput .bill{color:#5e7a7d;display:flex;flex-direction:row;font-size:16px;justify-content:space-between;margin-bottom:6px}.billInput .bill,.input0{font-family:Space Mono;font-style:normal;font-weight:700;line-height:normal}.input0{background:#f3f9fa;border:1px solid #f3f9fa;border-radius:5px;color:#00474b;flex-shrink:0;font-size:24px;height:48px;margin-bottom:40px;padding-right:10px;text-align:right;width:379px}.custom:hover,.input0:hover{border:2px solid #26c2ae;color:#00474b;cursor:pointer}.input1{background:#f3f9fa;border:2px solid #e17052;border-radius:5px;color:#00474b;flex-shrink:0;font-family:Space Mono;font-size:24px;font-style:normal;font-weight:700;height:48px;line-height:normal;margin-bottom:40px;text-align:right;width:379px}.input1:focus:active{border:4px solid #e17052}.person0{color:#e17457;display:block;font-family:Space Mono;font-size:16px;font-style:normal;font-weight:700;line-height:normal;text-align:right}.person1{display:none}.select{align-items:flex-start;display:flex;flex-direction:column;height:152px;justify-content:center;width:379px}.custom,.select{flex-shrink:0;margin-bottom:40px}.custom{background:#f3f9fa;border:1px solid #f3f9fa;border-radius:5px;color:#00474b;font-family:Space Mono;font-size:24px;font-style:normal;font-weight:700;height:48px;line-height:normal;padding-right:10px;text-align:right;width:110px;width:106px}.custom::-webkit-input-placeholder{color:#547878;font-family:Space Mono;font-size:24px;font-style:normal;font-weight:700;line-height:normal;text-align:center}.custom::placeholder{color:#547878;font-family:Space Mono;font-size:24px;font-style:normal;font-weight:700;line-height:normal;text-align:center}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:o}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.tip-btn{grid-gap:14px;display:grid;flex-shrink:0;gap:14px;grid-template-columns:117px 117px 117px;height:112px;width:379px}.result{display:flex;flex-direction:row;flex-shrink:0;height:71px;justify-content:space-between;width:333px}.result1{margin:40px auto}.result2{margin:25px auto}.amt{align-items:flex-start;color:#fff;display:inline-flex;flex-direction:column;font-family:Space Mono;font-size:16px;font-style:normal;font-weight:700;justify-content:center;line-height:normal;padding-bottom:0}.amt span{color:#7f9d9f;font-size:13px}.total2{margin-left:28px}.total{color:#26c2ae;font-family:Space Mono;font-size:48px;font-style:normal;font-weight:700;letter-spacing:-1px;line-height:normal;text-align:right}.resetBtn{display:flex;flex-direction:row;justify-content:center;margin-top:100px}.resetBtn .reset{background:#0d686d;border:#0d686d;border-radius:5px;color:#00474b;flex-shrink:0;font-family:Space Mono;font-size:20px;font-style:normal;font-weight:700;height:48px;line-height:normal;margin:auto;text-align:center;width:333px}.resetBtn .reset:hover{background:#9fe8df;color:#00474b;cursor:pointer}.dollar,.shape{flex-shrink:0;height:15.456px;left:15px;position:absolute;top:40px;width:9.84px}@media only screen and (max-width:780px){.input0,.input1{align-self:center;height:48px;margin-bottom:0;width:299px}.person0{margin-right:9px}.billInput .bill{margin-left:3px}.select{height:216px;margin:auto auto 53px;width:311px}.tip-btn{gap:18px;grid-template-columns:146.631px 148.631px;width:311px}.custom{width:133px}.box{width:325px}.total{font-size:32px}.result{height:48px;width:281px}.result2{margin:72px auto}.resetBtn{margin-top:107px}.resetBtn .reset{margin:45px auto 30px;width:281px}}@media only screen and (max-width:430px){.box{margin:auto}.result1,.result2{margin:20px auto}.resetBtn .reset{margin:-67px}}@media only screen and (max-width:330px){.box{width:310px}.billInput input{width:305px}.billInput .bill{margin-left:0}.result2{margin:20px auto}.resetBtn .reset{margin:-67px}}.btn{background:#00474b;border:#00474b;border-radius:5px;color:#fff;flex-shrink:0;font-family:Space Mono;font-size:24px;font-style:normal;font-weight:700;height:48px;line-height:normal;text-align:center;width:117px}.btn:hover{background:#9fe8df;color:#00474b;cursor:pointer}@media only screen and (max-width:780px){.btn{width:146.631px}}
/*# sourceMappingURL=main.afa28278.css.map*/