@import url(https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&display=swap);:root{--Green-400:#26c0ab;--Green-900:#00494d;--Grey-500:#5e7a7d;--Grey-400:#7f9c9f;--Grey-200:#c5e4e7;--Grey-50:#f4fafb;--White:#fff;--Red:#ff5252;--Font-input:24px}*{box-sizing:border-box;margin:0;padding:0}body{color:#5e7a7d;color:var(--Grey-500);font-family:Space Mono,monospace;font-size:16px;font-weight:700}body,main{background-color:#c5e4e7;background-color:var(--Grey-200)}main{align-items:center;display:flex;justify-content:center;min-height:100vh}.card{grid-column-gap:3rem;background-color:#fff;background-color:var(--White);border-radius:1.5rem;column-gap:3rem;display:grid;grid-template-columns:1fr 1fr;max-width:920px;padding:2rem;width:100%}.card-label{color:#5e7a7d;color:var(--Grey-500);display:block;margin-bottom:.5rem}.card-bill-input{align-items:center;background-color:#f4fafb;background-color:var(--Grey-50);border-radius:5px;display:flex;margin-bottom:1.5rem;position:relative}.card-bill-input img{height:16px;left:1rem;position:absolute;width:16px}.card-bill-input input{background-color:initial;border:none;color:#00494d;color:var(--Green-900);font-family:Space Mono,monospace;font-size:24px;font-size:var(--Font-input);font-weight:700;outline:none;padding:.8rem;text-align:right;width:100%}.card-bill-input input::-webkit-inner-spin-button,.card-bill-input input::-webkit-outer-spin-button,.card-buttons-box input::-webkit-inner-spin-button,.card-buttons-box input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.error-message{color:#ff5252;color:var(--Red);font-size:.875rem;text-align:right}.card-buttons-box{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.card-buttons-box button{background-color:#00494d;background-color:var(--Green-900);color:#fff;color:var(--White);cursor:pointer}.card-buttons-box button,.card-buttons-box input{border:none;border-radius:5px;font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700;padding:.625rem}.card-buttons-box input{background-color:#f4fafb;background-color:var(--Grey-50);color:#00494d;color:var(--Green-900);text-align:center;width:100%}.card-buttons-box button.active,.card-buttons-box button:hover{background-color:#26c0ab;background-color:var(--Green-400);color:#00494d;color:var(--Green-900)}.card-receipt{background-color:#00494d;background-color:var(--Green-900);border-radius:1rem;color:#fff;color:var(--White);display:flex;flex-direction:column;grid-column:2;grid-row:1/span 3;justify-content:space-between;padding:2.5rem 1.5rem 1.5rem}.card-receipt-tip,.card-receipt-total{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.card-receipt-text p{color:#fff;color:var(--White);margin-bottom:.25rem}.card-receipt-text span{color:#7f9c9f;color:var(--Grey-400);font-size:.8rem}.card-receipt h1{color:#26c0ab;color:var(--Green-400);font-size:2.5rem}.card-receipt button{background-color:#26c0ab;background-color:var(--Green-400);border:none;border-radius:5px;color:#00494d;color:var(--Green-900);cursor:pointer;font-family:Space Mono,monospace;font-size:1.25rem;font-weight:700;margin-top:auto;padding:.8rem;text-transform:uppercase}.card-receipt button:hover{background-color:#c5e4e7;background-color:var(--Grey-200)}.card-inputs{grid-column:1}@media (max-width:999px){.card{gap:1.5rem;grid-template-columns:1fr;max-width:450px;padding:1.5rem}.card-receipt{grid-column:1;grid-row:auto}.card-receipt h1{font-size:24px;font-size:var(--Font-input)}}
/*# sourceMappingURL=main.a4c4d984.css.map*/