@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap";body{background-color:#c5e4e7;margin:0}.logo{display:block;margin:2rem auto;width:5.5rem}@media(min-width:768px){.logo{margin:5rem auto}}.card{display:grid;gap:clamp(2rem,1.5229rem + 2.0356vw,2.5rem);background-color:#fff;max-width:fit-content;margin-inline:auto;border-radius:1.5rem;padding:2rem 1.5rem}@media(min-width:768px){.card{box-sizing:border-box;margin:0 auto;padding:3rem 5rem}}@media(min-width:1024px){.card{grid-template-columns:1fr 1fr;gap:3rem;padding:2rem}}.inputs__form{display:grid;gap:clamp(1.5rem,2.4771rem - 2.0356vw,2rem);max-width:380px}@media(min-width:768px){.inputs__form{gap:clamp(1.5rem,.3571rem + 2.381vw,2.5rem)}}@media(min-width:1024px){.inputs__form{margin-block:1rem}}.inputs__inputWrapper{position:relative}.inputs__inputWrapper:before{color:#9ebbbd;left:1rem;pointer-events:none;position:absolute;top:1rem}.inputs__number{background-color:#f3f9fa;border:none;border-radius:.5rem;box-sizing:border-box;color:#00474b;cursor:pointer;padding:.5rem 1rem;text-align:right;width:100%;font-family:Space Mono,monospace;font-weight:700;font-size:1.5rem;line-height:2.25rem}.inputs__number::placeholder{color:#9ebbbd}.inputs__number::-webkit-inner-spin-button,.inputs__number ::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.label{color:#5e7a7d;margin-block-end:.5rem;font-family:Space Mono,monospace;font-weight:700;font-size:1rem;line-height:1.5rem}.inputs__bill .inputs__inputWrapper:before{content:url(styles/sass/images/icon-dollar.svg)}.inputs__people .inputs__inputWrapper:before{content:url(styles/sass/images/icon-person.svg)}.inputs__selectTip{border:none;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin:0;padding:0}@media(min-width:768px){.inputs__selectTip{grid-template-columns:1fr 1fr 1fr}}.inputs__customTip{padding:.5rem;text-align:center}.input__button{background-color:#00474b;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem;font-family:Space Mono,monospace;font-weight:700;font-size:1.5rem;line-height:2.25rem}.input__button-active{background-color:#26c2ae;color:#00474b}.outputs{background-color:#00474b;border-radius:1rem;display:flex;flex-direction:column;max-width:100%;padding:1.5rem}@media(min-width:1024px){.outputs{display:grid;grid-template-columns:1;grid-template-rows:1fr 1fr 2fr}}.outputs__container{display:flex;height:fit-content;justify-content:space-between;max-width:380px}.outputs__labels{display:flex;flex-direction:column;justify-content:center}.outputs__label-large{color:#fff;margin:0;font-family:Space Mono,monospace;font-weight:700;font-size:1rem;line-height:1.5rem}.outputs__label-sub{color:#7f9d9f;margin:0;font-family:Space Mono,monospace;font-weight:700;font-size:.8125rem;line-height:1.25rem}.outputs__data{color:#26c2ae;margin:0;font-family:Space Mono,monospace;font-weight:700;font-size:clamp(2rem,1.6479rem + 1.5023vw,3rem);line-height:4.5rem;letter-spacing:-1px}.outputs__reset{align-self:end;background-color:#26c2ae;border:none;border-radius:.5rem;color:#00474b;cursor:pointer;height:max-content;padding:1rem;text-align:center;width:100%;font-family:Space Mono,monospace;font-weight:700;font-size:1.25rem;line-height:1.875rem}.outputs__reset:disabled{color:#085c61;background-color:#0d686d}