@import url(https://fonts.googleapis.com/css2?family=Space+Mono&display=swap);:root{--very-dark-cyan:#00494d;--disabled-button:#0d686d;--strong-cyan:#26c0ab;--button-hover:#a1e8e0;--invalid-input:#e07152;--dark-grayish-cyan:#5e7a7d;--light-grayish-cyan:#c5e4e7;--grayish-cyan:#7e9ea0;--white:#fff;--input-background:#f4fafa}*{box-sizing:border-box;font-family:Space Mono;font-weight:700;margin:0}body{background-color:#c5e4e7;background-color:var(--light-grayish-cyan);color:#5e7a7d;color:var(--dark-grayish-cyan);font-size:1rem;height:100vh}label{display:flex;justify-content:space-between;margin-bottom:6px}input{background-color:#f4fafa!important;background-color:var(--input-background)!important;border:none;border-radius:5px;color:#00494d!important;color:var(--very-dark-cyan)!important;cursor:auto!important;font-size:1.5rem;height:2em;outline:none;padding:0 .5em!important;text-align:right;width:100%}input:focus{border:2px solid #26c0ab;border:2px solid var(--strong-cyan)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}button{border:none;border-radius:5px;cursor:pointer;height:2em;padding:0}button:hover{background-color:#a1e8e0;background-color:var(--button-hover);color:#00494d;color:var(--very-dark-cyan)}button:disabled{background-color:#0d686d;background-color:var(--disabled-button);cursor:default}.logo{display:block;margin:3em auto}.App{background-color:#fff;background-color:var(--white);border-radius:25px;box-shadow:0 32px 43px rgba(79,166,175,.201);margin:0 auto;padding:2em 1.5em;width:375px}.input-section{padding:0 .5em}.input-wrapper{margin-bottom:2em;position:relative}.input-icon{bottom:0;height:16px;left:1em;margin:auto 0;position:absolute;right:0;top:0}.input-invalid{border:2px solid #e07152!important;border:2px solid var(--invalid-input)!important}.input-invalid-text{color:#e07152;color:var(--invalid-input)}.tip-wrapper{margin-bottom:2em}.tip-wrapper label{margin-bottom:16px}.tip-buttons{display:flex;flex-wrap:wrap;gap:16px}.tip-box{background-color:#00494d;background-color:var(--very-dark-cyan);color:#fff;color:var(--white);font-size:1.5rem;width:146px}.active-tip-box{background-color:#26c0ab;background-color:var(--strong-cyan);color:#00494d;color:var(--very-dark-cyan)}.result{background-color:#00494d;background-color:var(--very-dark-cyan);border-radius:15px;color:#fff;color:var(--white);padding:2.25em 1.5em 1.5em;width:100%}.result-box{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5em}.result-box span{color:#7e9ea0;color:var(--grayish-cyan);font-size:13px}.result-amount{color:#26c0ab;color:var(--strong-cyan);font-size:2rem}.reset{background-color:#26c0ab;background-color:var(--strong-cyan);color:#00494d;color:var(--very-dark-cyan);font-size:1.25rem;height:2.4em;width:100%}@media (min-width:1440px){.App{-webkit-column-gap:32px;column-gap:32px;display:flex;padding:2em 2em 2em 3em;width:920px}.input-section{max-width:379px;padding:1em 0}.input-wrapper{margin-bottom:0}.tip-wrapper{margin:40px 0}.tip-buttons{gap:16px 14px}.tip-box{width:117px}.result{display:flex;flex-direction:column;justify-content:space-between;max-width:413px;padding:2.5em}.result-amount{font-size:3rem}}
/*# sourceMappingURL=main.a70caf4a.css.map*/