@import url(https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);:root{--deep-teal:#00474b;--white:#fff;--medium-aquamarine:#26c2ae;--slate-gray:#5e7a7d;--alice-blue:#f3f9fa;--pewter:#7f9d9f;--light-slate-gray:#9ebbbd;--deep-slate-gray:#3d6666;--steel-teal:#547878;--powder-blue:#c5e4e7;--typography-spacing1:1rem;--typography-spacing2:1.25rem;--typography-spacing3:1.5rem;--typography-spacing4:1.75rem;--typography-spacing5:2rem;--typography-spacing6:2.5rem;--typography-spacing7:3rem;--typography-spacing8:5rem;--typography-spacing9:5.5rem;--body-shadow:0px 32px 43px rgba(79,166,175,.201)}*{box-sizing:border-box;font-family:Space Mono,serif;margin:0;padding:0}body{background-color:#c5e4e7;background-color:var(--powder-blue)}label{color:#5e7a7d;color:var(--slate-gray);font-size:1rem;font-weight:600;margin-bottom:6px}.App{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.tip--calculator{background-color:#fff;background-color:var(--white)}.bill-input,.people-input{display:flex;flex-direction:column}.bill-input input{background:url(/static/media/icon-dollar.9f9be3534a9295a65957.svg);background-position:1rem;background-position:var(--typography-spacing1) center;background-repeat:no-repeat}.people-input input{background:url(/static/media/icon-person.65bfd20465dd1d2cb58c.svg);background-position:1rem;background-position:var(--typography-spacing1) center;background-repeat:no-repeat}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-webkit-appearance:textfield;appearance:textfield}input[type=number],input[type=text]{background-color:#f3f9fa;background-color:var(--alice-blue);border:none;border-radius:5px;color:#00474b;color:var(--deep-teal);font-size:1.5rem;font-size:var(--typography-spacing3);font-weight:600;height:3rem;outline:none;padding:0 1rem;text-align:right;width:100%}input[type=number]:focus,input[type=text]:focus{border:2px solid #26c2ae;border:2px solid var(--medium-aquamarine)}.bill-input input::placeholder,.people-input input::placeholder{color:#9ebbbd;color:var(--light-slate-gray)}.percentageButton{display:grid;margin-top:1rem}.percentageButton button{all:unset;background-color:#00474b;background-color:var(--deep-teal);border-radius:5px;color:#fff;color:var(--white);cursor:pointer;font-size:1.5rem;font-weight:600;height:3rem;text-align:center;transition:.1s}.percentageButton button:hover{background-color:#26c2ae;background-color:var(--medium-aquamarine);color:#00474b;color:var(--deep-teal)}.percentageButton button.checked{background-color:#9fe8df;color:#00474b;color:var(--deep-teal)}.percentageButton input::placeholder{color:#547878;color:var(--steel-teal)}.output--calculator{background-color:#00474b;background-color:var(--deep-teal);border-radius:15px}.calculateComponent{display:flex;flex-direction:column;gap:1.25rem}.calculation--output{align-items:center;display:flex;justify-content:space-between}.calculation--output h3{color:#fff;color:var(--white);display:flex;flex-direction:column;font-size:1rem;padding-right:.5rem}.calculation--output h2{word-wrap:break-word;max-width:20rem}.calculation--output span{color:#7f9d9f;color:var(--pewter);font-size:13px}.calculation--output h2{color:#26c2ae;color:var(--medium-aquamarine)}.reset{all:unset;border-radius:5px;font-size:1.25rem;font-weight:600;height:3rem;text-align:center;text-transform:uppercase;width:100%}.reset.not-allowed{background-color:#0d686d;cursor:not-allowed}.reset.allowed,.reset.not-allowed{color:#00474b;color:var(--deep-teal)}.reset.allowed{background-color:#26c2ae;background-color:var(--medium-aquamarine);cursor:pointer}.reset.allowed:hover{background-color:#9fe8df;color:#00474b;color:var(--deep-teal)}.label-error--group{align-items:center;display:flex;justify-content:space-between}.error--message{color:#e17457}input.error--border{border:2px solid #e17457}input.error--border:focus{border-color:#e17457}@media (max-width:820px){body{margin:2.5rem 0}.App{gap:2.5625rem}.tip--calculator{border-top-left-radius:25px;border-top-right-radius:25px;width:100%}.input--calculator{margin:2rem}.people-input,.select-tip{margin-top:2rem}.output--calculator{margin:0 1.5rem;padding:0 1.4375rem}.percentageButton{column-gap:1.0625rem;grid-template-columns:1fr 1fr;row-gap:1rem}.calculation--output h2{font-size:2rem;letter-spacing:-.67px}.calculateComponent{padding:2rem 0}.reset{margin-bottom:1.4375rem}}@media (min-width:820px){body{margin:5rem 1.5rem}.App{gap:5.5rem}.tip--calculator{grid-gap:2rem;border-radius:25px;box-shadow:0 32px 43px rgba(79,166,175,.201);box-shadow:var(--body-shadow);display:grid;gap:2rem;grid-template-columns:1fr 1fr;max-width:57.5rem;padding:1.75rem}.people-input,.select-tip{margin-top:2.5rem}.percentageButton{column-gap:14px;grid-template-columns:1fr 1fr 1fr;row-gap:1rem}.calculation--output h2{font-size:3rem;letter-spacing:-1px}.output--calculator{display:flex;flex-direction:column;height:417px;justify-content:space-between;padding:0 2.5rem}.calculateComponent{margin-top:3rem}.reset{margin-bottom:2.5rem}}
/*# sourceMappingURL=main.21b1970b.css.map*/