@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@700&display=swap";:root{--green-400:#26c0ab;--green-900:#00494d;--grey-500:#5e7a7d;--grey-400:#7f9c9f;--grey-200:#c5e4e7;--grey-50:#f4fafb;--white:#fff;--font-family:"Space Mono", monospace;--font-size-input:24px;--border-radius-container:16px;--border-radius-item:8px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--grey-200);min-height:100vh;font-family:var(--font-family);font-size:var(--font-size-input);flex-direction:column;justify-content:center;align-items:center;display:flex}.logo{padding-bottom:80px}.container{background-color:var(--white);border-radius:var(--border-radius-container);flex-direction:row;gap:35px;width:900px;margin-bottom:30px;padding:25px;display:flex}.container-left{width:50%;color:var(--grey-400);flex-direction:column;padding:10px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.input-group label{font-size:15px}.error-msg{color:red;font-size:15px}.input-group input{border-radius:var(--border-radius-item);width:100%;color:var(--green-900);font-family:var(--font-family);font-size:var(--font-size-input);text-align:right;cursor:pointer;background-color:#fff;border:2px solid #0000;outline:none;padding:6px 16px}.input-group input:hover,.input-group input:focus{border:2px solid var(--green-400);background-color:#f3f8fb}#bill{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='11'%20height='17'%3e%3cpath%20fill='%239EBBBD'%20d='M6.016%2016.328v-1.464c1.232-.08%202.22-.444%202.964-1.092.744-.648%201.116-1.508%201.116-2.58v-.144c0-.992-.348-1.772-1.044-2.34-.696-.568-1.708-.932-3.036-1.092V4.184c.56.144%201.012.4%201.356.768.344.368.516.816.516%201.344v.288h1.824v-.432c0-.448-.088-.876-.264-1.284a3.783%203.783%200%2000-.744-1.116A4.251%204.251%200%20007.54%202.9a5.324%205.324%200%2000-1.524-.492V.872H4.288V2.36a5.532%205.532%200%2000-1.416.324c-.448.168-.84.392-1.176.672-.336.28-.604.616-.804%201.008-.2.392-.3.844-.3%201.356v.144c0%20.96.316%201.708.948%202.244.632.536%201.548.884%202.748%201.044v3.912c-.704-.16-1.248-.472-1.632-.936-.384-.464-.576-1.08-.576-1.848v-.288H.256v.576c0%20.464.08.924.24%201.38.16.456.404.88.732%201.272.328.392.744.728%201.248%201.008s1.108.476%201.812.588v1.512h1.728zM4.288%207.424c-.688-.128-1.164-.332-1.428-.612-.264-.28-.396-.644-.396-1.092%200-.464.176-.832.528-1.104.352-.272.784-.448%201.296-.528v3.336zm1.728%205.712V9.344c.768.128%201.328.328%201.68.6.352.272.528.688.528%201.248%200%20.544-.196.984-.588%201.32-.392.336-.932.544-1.62.624z'/%3e%3c/svg%3e");background-position:15px;background-repeat:no-repeat}#people{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='13'%20height='16'%3e%3cpath%20fill='%239EBBBD'%20d='M9.573%207.729c.406%200%20.784.07%201.126.209.342.14.639.33.881.569.232.227.438.503.614.82a5.1%205.1%200%2001.407.949c.097.312.178.654.242%201.016.062.359.105.699.126%201.011.02.307.031.624.031.945%200%20.836-.259%201.512-.768%202.01-.504.492-1.17.742-1.98.742H2.748c-.81%200-1.477-.25-1.98-.742C.259%2014.76%200%2014.084%200%2013.248c0-.322.01-.64.032-.945.02-.312.063-.652.126-1.01.063-.363.144-.705.242-1.017.1-.323.238-.643.407-.948.176-.318.382-.594.613-.821.243-.238.54-.43.882-.57.342-.138.72-.208%201.125-.208.16%200%20.313.067.61.265.183.123.397.264.636.421.204.134.48.259.822.372.333.11.671.167%201.005.167a3.19%203.19%200%20001.006-.167c.341-.113.618-.238.822-.372l.636-.42c.296-.2.45-.266.61-.266zM6.598%200C7.63%200%208.522.38%209.252%201.129s1.1%201.666%201.1%202.724c0%201.06-.37%201.976-1.1%202.725-.73.75-1.623%201.13-2.654%201.13-1.03%200-1.924-.38-2.653-1.13-.73-.749-1.1-1.666-1.1-2.725%200-1.058.37-1.975%201.1-2.724C4.675.379%205.567%200%206.598%200z'/%3e%3c/svg%3e");background-position:15px;background-repeat:no-repeat}.tip-section{flex-direction:column;gap:10px;margin:30px 0;display:flex}.tip-section label{font-size:15px}.tip-buttons{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.tip-btn{background-color:var(--green-900);color:var(--white);font-family:var(--font-family);font-size:var(--font-size-input);border-radius:var(--border-radius-item);cursor:pointer;border:none;height:52px;padding:8px 0}.tip-btn:hover,.tip-btn.active-btn{background-color:var(--green-400);color:var(--green-900)}.tip-custom{background-color:var(--white);color:var(--green-900);font-family:var(--font-family);font-size:var(--font-size-input);border-radius:var(--border-radius-item);cursor:pointer;text-align:right;border:2px solid #0000;outline:none;width:100%;padding:8px 10px}.tip-custom::placeholder{color:var(--grey-400);text-align:center}.tip-custom:focus,.tip-custom.active-btn{border:2px solid var(--green-400);cursor:text}.container-right{background-color:var(--green-900);border-radius:var(--border-radius-container);flex-direction:column;justify-content:space-between;width:50%;padding:40px;display:flex}.result-section{flex-direction:column;gap:30px;display:flex}.result-row{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.result-label{flex-direction:column;gap:5px;display:flex}.result-label p{color:var(--white);font-size:16px}.result-label span{color:var(--grey-400);font-size:13px}.result-value{color:var(--green-400);font-size:48px}.reset-btn{color:#003537;border-radius:var(--border-radius-item);width:100%;font-family:var(--font-family);cursor:pointer;text-transform:uppercase;background-color:#0d696e;border:none;padding:12px 0;font-size:18px}.reset-btn.active-btn{background-color:var(--green-400);color:var(--green-900)}.reset-btn.active-btn:hover{background-color:var(--grey-200)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mobile-attribution{display:none}@media (width<=920px){body{height:auto;padding-top:40px}.container{border-radius:var(--border-radius-container) var(--border-radius-container) 0 0;flex-direction:column;gap:30px;width:100%;margin-bottom:0;padding:30px 20px}.container-left,.container-right{width:100%}.container-left{padding:10px}.container-right{padding:30px 20px}.tip-buttons{grid-template-columns:repeat(2,1fr)}body>.attribution{display:none}.mobile-attribution{display:block}.result-section{gap:10px;padding-bottom:30px}.logo{padding-bottom:40px}}