html{-webkit-box-sizing:border-box;box-sizing:border-box}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}body{color:#333;font-family:sans-serif;margin:0;padding:0}.app{background-color:#f5f5f5;border:2px solid #333;border-radius:2px;height:85vh;width:95vw;margin:10px auto;max-width:900px;padding:5px 10px}.header{border-bottom:1px solid #333;font-size:1.8em;font-weight:700;margin-bottom:15px;padding-bottom:5px;text-shadow:2px 2px 1px silver}.data-entry{border-bottom:5px solid #333;padding-bottom:10px}.data-entry,.data-entry__row{margin-bottom:10px}.data-entry__label{font-size:1.5em;font-weight:300;margin-right:10px}.data-entry__input{border:none;border-bottom:1px solid #bbb;border-radius:0;font-size:20px;font-weight:300;height:35px;line-height:35px;margin:0;text-align:center;width:50px}.data-entry__input.error{border:1px solid #c00}.data-entry__units{display:inline-block;font-size:1.2em;font-weight:300;margin-left:5px}.data-entry__actions{margin-top:5px}.data-entry__btn{background:#fff;border:1px solid #333;border-radius:5px;display:inline-block;font-size:15px;padding:10px;text-transform:uppercase}.data-entry__btn__primary{background:#52b1b7;color:#f8f8f8}.data-entry__btn:hover{background:#f8f8f8;-webkit-box-shadow:5px 40px -10px rgba(0,0,0,.57);box-shadow:5px 40px -10px rgba(0,0,0,.57);-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}.data-entry__btn__primary:hover{background:#43a8ad;color:#f8f8f8}.data-entry__spacer{margin-right:10px}.data-entry__btn.data-entry__btn__primary:disabled{background:#88a8ad;color:#cbc9c9}.message{border-bottom:1px solid #333;margin-bottom:10px;padding-bottom:5px;font-size:1.3em;font-weight:400}.teaspoon{-webkit-transform:scaleX(0) scaleY(0);-ms-transform:scaleX(0) scaleY(0);transform:scaleX(0) scaleY(0);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.teaspoon__to-full-size{-webkit-transform:scaleX(1) scaleY(1);-ms-transform:scaleX(1) scaleY(1);transform:scaleX(1) scaleY(1)}.teaspoon__path{fill:silver;stroke:#333}.teaspoons{-ms-flex-align:center;align-items:center;display:grid;grid-gap:15px;grid-template-columns:repeat(auto-fill,50px);max-width:350px}.bar{margin-bottom:5px}.bar__container{border:1px solid #333;border-radius:1px;width:70%;height:20px;position:relative;display:inline-block}.bar__inner{background:red;height:18px;opacity:.5;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;-o-transition:transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.bar__inner-to-full-size{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.bar__label{left:40%;position:absolute;top:0}.bar__icon{display:inline-block}.bar__icon__path{fill:#333;stroke:#333}.bar__axis{height:10px;margin-top:-1px;position:relative;width:70%}.bar__axis__label{display:inline-block;font-size:.8em;font-weight:200}.bar__axis__left{left:1px;position:absolute}.bar__axis__right{position:absolute;right:0}.bar-chart .bar__container{margin-top:10px}
/*# sourceMappingURL=main.ec6f552c.css.map*/