html{background-color:#000;color:#bbb;font-family:Courier New,Courier,monospace;font-size:1.1em}button,input{font-family:Courier New,Courier,monospace}h1{text-align:center;font-weight:700;font-size:2.6em}h2,h3{color:green}#app{max-width:900px;margin:auto;padding:1em}.table{display:grid;grid-template-columns:auto 1fr;gap:.6em .4em;align-items:center}.table.ingredients{gap:.2em .4em;margin-bottom:1.6em}.table.ingredients p{grid-column:span 2;margin:0}.table>span{text-align:right}.table>span.high{height:2.2em}button,input{font-size:1em}button{border:0px;padding:.2em .6em;cursor:pointer;background-color:#3c0000;color:#b4b4b4}button:hover,input:hover{background-color:#5a0000;color:#dcdcdc}button.active,input:focus{background-color:#6e0000;color:#fff;outline:none}button:active,input:active{background-color:#820000;color:#fff}.button-group{border:3px solid rgb(40,0,0);display:inline-flex;width:fit-content;border-radius:.6em;overflow:hidden}@media screen and (max-width: 640px){#app{max-width:900px;margin:auto;padding:.2em}.table.input{display:flex;flex-direction:column;align-items:start;gap:.1em}.table.input>span.high{height:fit-content}.table.input>span,.table.input>.col-span{margin-top:.8em}h1{font-size:2em}button{border:0px;padding:.2em .3em}}input[type=number],input[type=text]{color:#b4b4b4;background-color:#3c0000;border:3px solid rgb(40,0,0);display:inline-flex;border-radius:.6em;overflow:hidden;padding:.2em .6em;margin-right:.2em;width:2.4em;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=checkbox]{color:#b4b4b4;background-color:#3c0000;border:3px solid rgb(40,0,0);display:inline-flex;border-radius:.4em;overflow:hidden;padding:.2em .6em;margin-right:.2em;width:2em}.checkbox-container{display:inline-flex;align-items:center;position:relative;padding-left:2em;height:1.7em;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input{display:none}.checkmark{position:absolute;top:0;left:0;height:1.3em;width:1.3em;background-color:#3c0000;border:3px solid rgb(40,0,0);border-radius:.4em}.checkbox-container:hover input~.checkmark{background-color:#5a0000}.checkbox-container input:checked~.checkmark{background-color:#6e0000}.checkbox-container input:active~.checkmark{background-color:#820000}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:inline-flex}.checkbox-container .checkmark:after{left:.42em;top:.14em;width:.25em;height:.7em;border:solid white;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}h2[data-v-9d0586ae]{margin-top:1.6em}.col-span[data-v-9d0586ae]{grid-column:span 2}#tables[data-v-9d0586ae]{display:grid;grid-template-columns:auto 1fr;gap:0em 4em}@media screen and (max-width: 800px){#tables[data-v-9d0586ae]{grid-template-columns:auto}}span.r[data-v-bba0cdc5]{color:red}span.g[data-v-bba0cdc5]{color:green}span[data-v-bba0cdc5]{text-decoration:underline}