:root{--color-1: #93032e;--color-2: #c69f89;--color-3: #a6a15e;--color-4: #84894a;--color-5: #034c3c;--color-3-darken-20: #757140}:root{--color-1: #29a0b1;--color-2: #167d7f;--color-3: #98d7c2;--color-4: #ddffe7;--color-1-dark: #007182;--color-2-light: #53adae;--color-2-dark: #005053;--color-3-light: #cafff5;--color-3-dark: #68a592}*{box-sizing:border-box;font-family:roboto,sans-serif}input.forms,select.forms{border-radius:4px;border:1px solid #ccc;padding:0 8px;min-height:38px;font-family:roboto,sans-serif;font-size:1em}input[inputmode=decimal]{text-align:right}@media only screen and (min-width: 400px){div.container{margin-left:auto;margin-right:auto;max-width:400px;width:100%}}.List{display:flex;flex-direction:column}.entry{display:flex;line-height:1.3em;margin-left:-8px;padding-left:8px;margin-right:-8px;padding-right:8px;transition:background-color .15s ease-in-out,color .15s ease-in-out}.entry:not(.total):not(.subtotal){cursor:pointer}.entry-list{margin-top:20px}.entry-list .when{color:var(--color-3)}.entry.selected{position:relative;background-color:var(--color-2)}.entry.selected .name,.entry.selected .calories{color:#fff}.entry.selected .weight{color:var(--color-3);filter:brightness(140%)}.entry .name{flex-grow:1}.entry.subtotal{color:var(--color-3);font-size:.85em}.entry.subtotal .calories{width:100%}.entry .weight{color:var(--color-3)}.entry .calories{min-width:70px;text-align:right}.entry.total{font-weight:700}.mt-10{margin-top:10px}.pl-10{padding-left:15px}.suggestion{display:flex}.suggestion .name{flex:1}.button{min-width:85px;border-radius:.25em;padding:.375em .75em;font-size:1em;line-height:1.5;color:#fff;margin-left:10px;vertical-align:middle;border:1px solid transparent;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.button:hover:enabled{text-decoration:none;color:-30}.button:focus{text-decoration:none}.button.ok{background-color:var(--color-5);border-color:var(--color-5)}.button.ok:hover:enabled{background-color:var(--color-5);border-color:var(--color-5);filter:brightness(140%)}.button.cancel{background-color:var(--color-1);border-color:var(--color-1)}.button.cancel:hover:enabled{background-color:var(--color-1);border-color:var(--color-1);filter:brightness(140%)}.button:disabled{background-color:#888}.form-row{display:flex}.form-row~.form-row{margin-top:10px}.form-row label{min-width:70px;width:20%}.form-row div{flex-grow:1}.form-row>div>div:first-child{display:flex;flex-direction:column}.form-row input{font-size:1em;flex-grow:1}.form-row input[type=number]{text-align:right}.error{color:var(--color-1)}nav.menu{position:absolute;width:40vw;max-width:340px;height:100vh;top:0;left:0;background-color:var(--color-2);z-index:100;margin:0;padding-left:0;overflow-x:hidden;transition:width .3s ease-in-out,padding .3s ease-in-out}@media (max-width: 576px){nav.menu{width:100%;max-width:none}}nav.menu>ul{list-style-type:none;padding-left:0;margin-left:0;margin-top:38px}nav.menu>ul>li{cursor:pointer;padding:8px;border-top:1px solid var(--color-2-light);transition:background-color .3s ease-in-out}nav.menu>ul>li:hover{background-color:var(--color-2-dark)}nav.menu>ul>:last-child{border-bottom:1px solid var(--color-2-light)}nav.menu:not(.show){width:0px!important;padding-left:0;padding-right:0}tr.hover{border-radius:4px;transition:background-color .3s ease-in-out}tr.hover:hover{background-color:var(--color-3)}span.message{margin-left:8px;font-weight:400;transition:opacity 1s ease-in-out;font-size:1rem;color:var(--color-2);opacity:0%}span.message.visible{opacity:100%}small.help{color:var(--color-2);font-size:.6667em}