*,*::before,*::after{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}body{box-sizing:border-box;background-color:#c5e4e7;font-family:"Space Mono",monospace;font-weight:700}input,button{cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.tip-input{padding:1.5rem}.tip-input__label{display:inline-block;margin-bottom:1rem;font-size:1.3rem;color:#00494d}.tip-input__input{padding:.5rem 1rem;width:100%;font-family:inherit;font-weight:700;font-size:2.4rem;display:block;border:2px solid rgba(0,0,0,0);border-radius:.5rem;background-color:#f4fafa;color:#00494d;text-align:right;cursor:pointer;background-repeat:no-repeat;background-position:top 50% left 1rem}.tip-input__input:not(:last-child){margin-bottom:1rem}.tip-input__input--bill{background-image:url("../images/icon-dollar.svg")}.tip-input__input--people{background-image:url("../images/icon-person.svg")}.tip-input__input::placeholder{color:#5e7a7d}.tip-input__input:active,.tip-input__input:focus{outline:none;border-color:#26c0ab;background-color:#f4fafa}.btn{padding:1rem 1.5rem;font-family:inherit;font-size:1.8rem;font-weight:700;border:2px solid rgba(0,0,0,0);border-radius:.5rem;width:100%;transition:all .3s;cursor:pointer}.btn--dark-cyan{background-color:#00494d;color:#fff;display:flex;justify-content:center;align-items:center}.btn--dark-cyan:hover{background-color:#c5e4e7;color:#00494d}.btn--input{background-color:#f4fafa;color:#00494d;text-align:right}.btn--input::placeholder{text-align:center}.btn--input:active,.btn--input:focus{outline:none;border-color:#26c0ab}.btn--output{font-size:2rem;background-color:rgba(38,192,171,.3);color:#00494d;text-transform:uppercase}@media(min-width: 700px){.btn--output{margin-top:5rem}}.btn--output:hover{background-color:#c5e4e7;color:#00494d}.active{background-color:#26c0ab;color:#00494d}.header__logo-box{padding:5rem 0 4rem}.header__logo{display:block;margin:0 auto}.grid{margin-bottom:2rem;display:grid;grid-template-columns:repeat(3, 1fr);gap:1rem}@media(max-width: 700px){.grid{grid-template-columns:repeat(2, 1fr)}}.footer{display:none}.container{padding:2rem;margin:0 auto;background-color:#fff;border-radius:2rem;width:min(75rem,100%);box-shadow:0 3rem 6rem rgba(94,122,125,.4);display:grid;grid-template-columns:1fr 1fr;gap:3rem}@media(max-width: 700px){.container{grid-template-columns:1fr;border-radius:2rem 2rem 0 0;gap:1rem}}.tip-output{padding:3rem;border-radius:1.5rem;background-color:#00494d;position:relative}.tip-output__amount,.tip-output__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;width:100%}.tip-output__amount>.text,.tip-output__total>.text{font-size:1.3rem;color:#fff;display:flex;flex-direction:column}.tip-output__amount>.text::after,.tip-output__total>.text::after{content:"/ person";color:#7f9c9f}.tip-output__amount>.digit,.tip-output__total>.digit{font-size:4rem;color:#26c0ab}.radio-tool input[type=radio]{opacity:0;position:fixed;width:0}.radio-tool input[type=radio]:checked+label{background-color:#26c0ab;color:#00494d}/*# sourceMappingURL=style.css.map */