*{padding:0;margin:0;box-sizing:border-box;font-family:Space Mono,monospace}body{background-color:#c5e4e7;min-height:100vh}._app_1x3v5_1{display:flex;flex-direction:column;min-height:100vh}._header_1x3v5_7{display:flex;justify-content:center;align-items:center;padding:3rem}._header_1x3v5_7 h1{color:#00494d;display:flex;flex-direction:column;letter-spacing:1rem}._main_1x3v5_21{flex:1;background-color:#fff;padding:0 2rem;border-radius:2rem 2rem 0 0;display:flex;flex-direction:column;padding:2.5rem 2rem;gap:2rem}._main_1x3v5_21 h3{font-weight:400}._main_1x3v5_21 input{color:#00494d;background-color:#f4fafb;font-size:1.5rem;font-weight:700;text-align:right;padding:.4rem;border-radius:.3rem;border:none;outline:none}._main_1x3v5_21 input:focus{background-color:#c5e4e7;border:solid;border-width:2px;border-color:#26c0ab}._main_1x3v5_21 input::placeholder{color:#00494d}._main__body_1x3v5_57{display:flex;flex-direction:column;gap:2rem}._billContainer_1x3v5_63{display:flex;flex-direction:column;gap:1rem}._billInputContainer_1x3v5_69,._peopleInputContainer_1x3v5_70{display:flex;align-items:center;position:relative}._billInputContainer_1x3v5_69 img,._peopleInputContainer_1x3v5_70 img{position:absolute;top:50%;transform:translateY(-50%);left:1rem}._billInputContainer_1x3v5_69 input,._peopleInputContainer_1x3v5_70 input{flex:1}._tipButtonContainer_1x3v5_89{display:flex;flex-direction:column;gap:1rem}._tipButtonContainer_1x3v5_89 ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:1rem}._tipButtonContainer_1x3v5_89 li{font-size:1.5rem;font-weight:700;color:#fff;background-color:#00494d;list-style:none;padding:.5rem;text-align:center;border-radius:.3rem;cursor:pointer}._tipButtonContainer_1x3v5_89 li:hover{color:#00494d!important;background-color:#2effe3}._activeList_1x3v5_117{color:#00494d!important;background-color:#26c0ab!important}._tipButtonContainer_1x3v5_89 li input{width:100%;height:100%}._tipList__input_1x3v5_127{padding:0!important}._peopleAmountContainer_1x3v5_131{display:flex;flex-direction:column;gap:1rem}._valueContainer_1x3v5_137{color:#fff;background-color:#00494d;padding:3rem 2rem 2rem;border-radius:2rem;display:flex;flex-direction:column;gap:2rem}._valueContainer__body_1x3v5_148{display:flex;flex-direction:column;gap:inherit}._tipAmountContainer_1x3v5_154,._totalContainer_1x3v5_155{display:flex;justify-content:space-between;align-items:center}._tipAmountContainer_1x3v5_154 h3,._totalContainer_1x3v5_155 h3{font-weight:700}._tipAmountContainer_1x3v5_154 h1,._totalContainer_1x3v5_155 h1{color:#26c0ab}._valueContainer_1x3v5_137 button{font-size:1.5rem;font-weight:700;color:#00494d;background-color:#26c0ab;border-radius:.5rem;border:none;padding:.5rem 0;cursor:pointer}._valueContainer_1x3v5_137 button:hover{background-color:#2effe3}@media (min-width: 60em){._app_1x3v5_1{align-items:center;justify-content:center}._main_1x3v5_21{flex:0;flex-direction:row;width:50rem;max-width:65rem;border-radius:2rem}._main__body_1x3v5_57{flex:1}._valueContainer_1x3v5_137{flex:1;justify-content:space-between}._valueContainer__body_1x3v5_148{gap:4rem}._tipAmountContainer_1x3v5_154 h1,._totalContainer_1x3v5_155 h1{font-size:2.5rem}}