body{font-family:"Space Mono",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light-grayish-cyan)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}:root{--strong-cyan:#26c0ab;--light-strong-cyan:#a1e8df;--very-dark-cyan:#00494d;--dark-grayish-cyan:#5e7a7d;--grayish-cyan:#7f9c9f;--light-grayish-cyan:#c5e4e7;--second-grayish-cyan:#f4fafa;--very-dark-cyan-disabled:#0d696e;--white:#fff}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */*{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.App{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;background-color:var(--light-grayish-cyan)}@media only screen and (min-width:576px){.App{height:100vh}}.App .attribution{font-size:11px;text-align:center;padding:30px;font-size:1em}.App .attribution a{color:#3e52a3}.App .input{font-size:1.5em;font-weight:700;color:var(--very-dark-cyan);text-align:right;width:100%;height:46px;border-radius:6px;border:none;background-color:var(--second-grayish-cyan);background-repeat:no-repeat;background-position:18px 15px;padding-left:30px;padding-right:20px}.App .input:focus{outline:none;box-shadow:0 0 0 2px #26c0ab}.App input::-webkit-input-placeholder{color:var(--dark-grayish-cyan)}.App input:-ms-input-placeholder{color:var(--dark-grayish-cyan)}.App input::placeholder{color:var(--dark-grayish-cyan)}.App .btn{cursor:pointer}.App-logo{pointer-events:none}.App-header{display:flex;justify-content:center;margin:50px 0 40px}@media only screen and (min-width:576px){.App-header{margin:88px 0}}.App-container{display:flex;flex-flow:column wrap;margin:0 auto;padding:38px 24px 32px;border-radius:25px 25px 0 0;background-color:var(--white)}@media only screen and (min-width:576px){.App-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"inputs totals";grid-gap:0 48px;gap:0 48px;border-radius:25px;padding:32px 32px 32px 48px;box-shadow:0 11px 15px 10px rgba(0,0,0,.05)}}@media only screen and (min-width:992px){.App-container{max-width:920px}}.App-inputs{padding:0 8px}@media only screen and (min-width:576px){.App-inputs{grid-area:inputs;padding:16px 0}}@media only screen and (min-width:576px){.App-totals{grid-area:totals}}@media screen and (max-height:799px){.App{justify-content:space-between}}.Bill{margin-bottom:38px}@media only screen and (min-width:576px){.Bill{margin-bottom:46px}}.Bill-form{display:flex;flex-flow:column wrap;width:100%}.Bill-form .input{background-image:url(/static/media/icon-dollar.9f9be353.svg)}.Bill-label{font-weight:700;font-size:1em;text-align:left;color:var(--dark-grayish-cyan);margin-bottom:12px}.SelectTip{margin-bottom:38px}@media only screen and (min-width:576px){.SelectTip{margin-bottom:46px}}.SelectTip .input{padding-left:15px;padding-right:15px}@media only screen and (min-width:576px){.SelectTip .input{text-align:center;padding:0}}.SelectTip-label{font-weight:700;font-size:1em;text-align:left;color:var(--dark-grayish-cyan);margin:0 0 21px}.SelectTip-container{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);grid-gap:16px;gap:16px}@media only screen and (min-width:768px){.SelectTip-container{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}}.SelectTip-btn{min-height:48px;font-size:1.5em;font-weight:700;color:var(--white);background-color:var(--very-dark-cyan);border-radius:6px;border:none}.SelectTip-btn:hover{color:var(--very-dark-cyan);background-color:var(--light-strong-cyan)}.SelectTip .active-btn{color:var(--very-dark-cyan);background-color:var(--strong-cyan)}.NumberPeople{margin-bottom:32px}@media only screen and (min-width:576px){.NumberPeople{margin-bottom:0}}.NumberPeople-labels{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0;padding:0}.NumberPeople-label{display:inline-block;font-weight:700;font-size:1em;text-align:left;color:var(--dark-grayish-cyan);margin-bottom:12px}.NumberPeople-label.helper{display:none;right:0}.NumberPeople-label.helper.warning{display:inline-block;color:#e77465}.NumberPeople .input{background-image:url(/static/media/icon-person.65bfd204.svg)}.NumberPeople .input.warning{outline-color:#e77465;box-shadow:0 0 0 2px #e77465}.NumberPeople .input:focus.warning{outline-color:#e77465}.TotalAmount{display:flex;flex-flow:column wrap;justify-content:flex-start;height:100%;background-color:var(--very-dark-cyan);border-radius:15px;padding:38px 22px 24px 24px}@media only screen and (min-width:992px){.TotalAmount{padding:60px 40px 40px}}.TotalAmount .amounts{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin-bottom:36px;color:var(--white);font-weight:700}.TotalAmount .amounts .person{display:block;margin-top:5px;font-size:14px;color:var(--dark-grayish-cyan)}.TotalAmount .amounts .value{margin-left:auto;color:var(--strong-cyan);font-size:2.125em;max-width:162px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.TotalAmount .amounts .value::-webkit-scrollbar{display:none;scrollbar-width:none}@media only screen and (min-width:768px){.TotalAmount .amounts .value{font-size:2.5em;max-width:172px}}@media only screen and (min-width:992px){.TotalAmount .amounts .value{font-size:3em;max-width:205px}}.TotalAmount .reset-btn{margin-top:auto;text-transform:uppercase;font-size:1.375em;font-weight:700;height:48px;background-color:var(--strong-cyan);color:var(--very-dark-cyan);border-radius:6px;border:none}.TotalAmount .reset-btn:disabled{background-color:var(--very-dark-cyan-disabled);cursor:not-allowed}.TotalAmount .reset-btn:hover:enabled{background-color:var(--light-strong-cyan)}
/*# sourceMappingURL=main.81e2d19a.chunk.css.map */