@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap);html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}.modal{text-align:center}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__container{border:4px solid #647687;background-color:#e6e1da;padding:30px;max-width:500px;max-height:100vh;border-radius:10px;overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;box-sizing:border-box;width:100%;text-transform:capitalize}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"\2715"}.modal__content{margin-top:2rem;margin-bottom:2rem;line-height:1.5;color:rgba(0,0,0,.8)}.modal__content img{max-width:100%;border-radius:10px;background-color:#fff}.modal__btn{font-size:.875rem;padding:.5rem 1rem;background-color:#647687;color:#e6e6e6;border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);transition:transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@-webkit-keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@-webkit-keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{-webkit-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{-webkit-animation:mmslideIn .3s cubic-bezier(0,0,.2,1);animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{-webkit-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{-webkit-animation:mmslideOut .3s cubic-bezier(0,0,.2,1);animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Open Sans",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;background-color:#647687;color:#fff}#root{overflow:hidden}figure{margin:0}header.top-bar{display:flex;background-color:#bac8d3;color:#2b2b2b}header.top-bar>figure{padding:.5rem;background-color:#1372a1}figure img{max-width:2rem}.search{width:100%;margin:.6rem;border:1px solid #b9b9b9;border-radius:5px;background-color:#fff}.ingredient-list-wrapper{height:calc(100vh - 5.7rem);overflow:scroll}.ingredient-list{list-style:none;margin:.5rem;padding:0}.empty-list-placeholder{text-align:center;padding:3rem;line-height:1.5rem}.empty-list-placeholder svg{color:#4e5c6a;padding-bottom:1rem}.ingredient-item{position:relative;height:2rem;display:flex;margin:.5rem 0;padding:.5rem;background-color:#eee;color:#2b2b2b;border-radius:5px;cursor:pointer;line-height:2rem;overflow:hidden}.ingredient-item:hover{background-color:#f8f8f8}.ingredient-item.selected{box-shadow:1px 1px 2px #3e3d3d;background-color:#f8f8f8}.ingredient-item figure{background-color:#f5f5f5;margin-right:.5rem;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;box-shadow:1px 1px 2px #000;text-align:center;overflow:hidden}.ingredient-item img{vertical-align:middle;border-radius:50%}.ingredient-name{width:100%;text-transform:capitalize}.ingredient-controls{position:absolute;right:0;top:0;padding:.2rem;height:42px;border-radius:5px;background-color:rgba(241,101,101,.9)}.ingredient-item .i-control{display:inline-block;font-size:1.4rem;line-height:0;margin:0 .2rem;text-align:center;cursor:pointer}.i-control:hover{color:#fff}.ingredient-list .i-control>span{font-size:.7rem}.i-control-icon{margin-bottom:.4rem}footer.bottom-bar{display:flex;background-color:#bac8d3;text-align:center;font-size:.8rem;line-height:2rem;color:#222;position:absolute;width:100%;top:calc(100vh - 2rem)}footer svg.icon{color:#4a5054}.api-stats{display:flex}.api-stats-item{margin:auto 2px}.api-stats-item svg{margin-right:2px}.status-light{width:.6rem;height:.6rem;display:inline-block;border-radius:48px;margin:auto 2px}.status-light.green{background-color:#3cd23c}.status-light.yellow{background-color:#ff3}.status-light.red{background-color:#f66}footer .help-access{position:absolute;right:0;width:2rem;background-color:#f5f5f5;cursor:pointer}.modal{color:#2b2b2b}.modal__container{background-color:rgba(230,225,218,.8)}.modal__content a{color:#8a2b2b;font-weight:700}.modal svg.fa-bitbucket{margin-top:1rem;color:#0747a6;font-size:1.5rem}table.substitutes{width:100%;border:1px solid #bac8d3;border-collapse:collapse;font-size:.9rem;color:#444;text-align:left;background-color:#eee}table.substitutes td{border:1px solid #828282;padding:.5rem}
/*# sourceMappingURL=main.1b4d9a5e.chunk.css.map */