@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";html{font-size:62.5%;scroll-behavior:smooth;box-sizing:border-box}body{background-color:#c5e4e7;font-family:Space Mono,monospace;color:#7f9c9f}.page{height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.page-title{margin-bottom:4rem;text-align:center;color:#00494d;font-size:2.4rem;text-transform:uppercase;letter-spacing:.8rem}@media (width <= 767.98px){.page-title{margin:2.5rem 0}}button[type=button]:active{background-color:#26c0ab}*{padding:0;margin:0}*,*:before,*:after{box-sizing:border-box}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}a,a:link,a:visited,a:hover{text-decoration:none;cursor:pointer}aside,nav,footer,header,section,main{display:block}ul,ol{list-style:none}li{list-style-type:none}img{vertical-align:top;max-width:100%;height:auto}svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background:none;cursor:pointer}input[type=file]{max-width:100%}input[type=text]:focus,textarea[type=text]:focus,button[type=button]:focus,select:focus{outline:none}button{border:none}.label{color:#5e7a7d;font-size:1.4rem;font-weight:700}.completed{background-color:#26c0ab!important;color:#00494d!important}.card{background-color:#fff;width:69rem;height:40rem;display:flex;flex-direction:row;gap:3.5rem;border-radius:1.5rem;padding:3rem}@media (width <= 767.98px){.card{width:37.5rem;height:100%;flex-direction:column}}.calculator{width:100%;height:100%}.calculator__amount{position:relative;display:flex;flex-direction:column}.calculator__amount:before{content:"";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-repeat:no-repeat;position:absolute;width:1.6rem;height:1.6rem;bottom:1.5rem;left:1.5rem}.calculator__amount-input{background-color:#f4fafb;color:#00494d;padding:.5rem;text-align:right;border:none;font-size:2.4rem;font-weight:700;transition:outline .3s ease-in-out}.calculator__amount-input:focus{outline-color:#99e4da}.calculator__amount-input::placeholder{color:#7f9c9f;text-align:right}.calculator__tip{margin:4rem 0}.calculator__tip-buttons{margin-top:2rem;display:grid;grid-template-columns:repeat(3,100px);grid-template-rows:repeat(2,35px);gap:1rem}@media (width <= 767.98px){.calculator__tip-buttons{grid-template-columns:repeat(2,125px);grid-template-rows:repeat(3,45px);justify-content:center;gap:1.5rem}}.calculator__tip-button{background-color:#00494d;color:#fff;font-size:2rem;font-weight:700;border-radius:.5rem;transition:background-color .3s ease-in-out}@media (any-hover: hover){.calculator__tip-button:hover{background-color:#99e4da;color:#00494d}}@media (any-hover: none){.calculator__tip-button:active{background-color:#99e4da;color:#00494d}}@media (width <= 767.98px){.calculator__tip-button{width:12.5rem}}.calculator__tip-input{color:#00494d;font-size:2rem;font-weight:700;border:none;text-align:right;padding:.5rem;transition:outline .3s ease-in-out}.calculator__tip-input::placeholder{text-align:center;color:#5e7a7d}.calculator__tip-input:focus{outline-color:#99e4da}.calculator__people{position:relative;display:flex;flex-direction:column}.calculator__people:before{content:"";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-repeat:no-repeat;position:absolute;width:1.6rem;height:1.6rem;bottom:1.5rem;left:1.5rem}.calculator__people-input{background-color:#f4fafb;color:#00494d;padding:.5rem;text-align:right;border:none;font-size:2.4rem;font-weight:700;transition:outline .3s ease-in-out}.calculator__people-input:focus{outline-color:#99e4da}.calculator__people-input::placeholder{color:#7f9c9f;text-align:right}.calculator__people-input--error:focus{outline-color:#dc3545}.calculator__people-container{display:flex;flex-direction:row;justify-content:space-between}.calculator__people-error{opacity:0;color:#dc3545!important;transition:all .2s ease-in-out}.result{width:100%;background-color:#00494d;display:flex;flex-direction:column;justify-content:space-around;border-radius:1.5rem;padding:3rem}.result__values{display:flex;flex-direction:column;gap:2rem}.result__tip{display:flex;flex-direction:row;align-items:center;gap:4rem}@media (width <= 767.98px){.result__tip{gap:8rem}}.result__tip-container{display:flex;flex-direction:column}.result__tip-label{color:#fff;font-size:1.2rem;font-weight:700}.result__tip-percent{font-weight:700}.result__tip-amount{color:#26c0ab;font-size:3.2rem;font-weight:700}.result__total{display:flex;flex-direction:row;align-items:center;gap:6.5rem}@media (width <= 767.98px){.result__total{gap:10.5rem}}.result__total-container{display:flex;flex-direction:column}.result__total-label{color:#fff;font-size:1.2rem;font-weight:700}.result__total-amount{color:#26c0ab;font-size:3.2rem;font-weight:700}.result__reset{width:100%;height:4rem;background-color:#0e5d61;color:#00494d;margin-top:7rem;font-size:2rem;font-weight:700;text-transform:uppercase;border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease-in-out}@media (width <= 767.98px){.result__reset{margin-top:3rem}}.result__reset:not(:disabled):hover{background-color:#99e4da}.result__reset:disabled{cursor:not-allowed;pointer-events:none}