body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--pri-color-dark:#264653;--pri-color-light:#2a9d8f;--sec-color-lightest:#e9c46a;--sec-color-light:#f4a261;--sec-color-dark:#e76f51;--text-color-light:#eee;--text-color-dark:#222;--background-dark:#333;--background-light:#ddd;color:#222;color:var(--text-color-dark);font-family:Arial,Helvetica,sans-serif;font-size:16px}body,html{background-color:#ddd;background-color:var(--background-light);height:100%}label{font-size:18px}input{background-color:#ddd;background-color:var(--background-light);border-radius:5px;color:#222;color:var(--text-color-dark);font-size:16px}.button-link{background-color:#264653;background-color:var(--pri-color-dark);border-radius:5px;color:#eee;color:var(--text-color-light);font-weight:700;height:30px;left:5px;padding-top:8px;position:absolute;text-align:center;text-decoration:none;top:5px;width:100px}.button-link:hover{background-color:#2a9d8f;background-color:var(--pri-color-light)}.popup-overlay{background-color:#000d}.hidden{display:none}.topnav{background-color:var(--background-dark);overflow:hidden}.topnav a{color:var(--text-color-light);display:block;float:left;font-size:17px;padding:14px 16px;text-align:center;text-decoration:none}.topnav a:hover{background-color:var(--pri-color-light);color:var(--text-color-dark)}.topnav .icon{display:none}@media screen and (max-width:600px){.topnav a:not(:first-child){display:none}.topnav a.icon{display:block;float:right}.topnav.responsive{position:relative}.topnav.responsive .icon{position:absolute;right:0;top:0}.topnav.responsive a{display:block;float:none;text-align:left}}.confirm-modal{background-color:var(--pri-color-dark);border-radius:5px;color:var(--text-color-light);padding:20px 30px}.confirm-modal .button-panel{display:flex;justify-content:center}.confirm-modal .button-panel button{cursor:pointer;height:30px;margin:5px;width:100px}.ingredients-page{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:20px}.ingredient-item{background-color:var(--pri-color-dark);border-radius:5px;color:var(--text-color-light);flex-basis:0 0 0;font-weight:700;height:30px;margin:5px 0;max-width:90%;padding-top:9px;position:relative;width:600px}.ingredient-name{text-align:right;width:50%}.ingredient-density,.ingredient-name{display:inline-block;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap}.ingredient-density{width:25%}.ingredient-item-controls{display:block;position:absolute;right:0;top:0}.ingredient-item-controls button{background-color:var(--pri-color-dark);border:none;color:var(--text-color-light);cursor:pointer;height:39px;width:25px}.ingredient-header h1{text-align:center}.ingredient-header{box-sizing:border-box;margin-bottom:20px;max-width:100%;overflow:hidden;padding:5px}.ingredient-header input{max-width:90%}.ingredient-modal{background-color:var(--background-light);border-radius:5px;padding:20px 30px}.ingredient-modal-inputs>div{margin:10px 0}.ingredient-modal-inputs>div>label{margin-right:5px}.ingredient-modal-inputs input{box-sizing:border-box;width:100%}.ingredient-modal-confirmation button{height:30px;margin:5px;width:150px}.ingredient-modal-confirmation,.recipe-page .recipe-header{text-align:center}.recipe-page{display:flex;justify-content:center;width:100%}.recipe-container{background-color:var(--background-dark);border-radius:5px;color:var(--text-color-light);margin:10px;padding:0 30px 20px;width:100%}.recipe-list{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0}.recipe-tile{border-radius:5px;font-size:18px;padding:14px 0 0;text-align:center;text-transform:capitalize}.recipe-list a,.recipe-tile{color:var(--text-color-light)}.recipe-list a{background-color:var(--pri-color-dark);font-weight:700;height:50px;margin:5px;text-decoration:none;width:300px}.recipe-list a:hover{background-color:var(--pri-color-light)}.recipe-popup-overlay{background-color:#000d;padding:10px}.recipe-popup-content{background-color:var(--background-light);margin:10px;max-height:90%;max-width:800px;overflow:scroll;padding:20px;width:90%}.recipe-modal{width:100%}.recipe-modal-line{align-items:center;display:flex;justify-content:center}.recipe-modal-line>*{display:block;margin:2px 5px;width:100px}.recipe-modal-line>.grow{flex-grow:1}.recipe-modal-line>.add-button{height:30px;width:300px}.recipe-modal-confirm{display:flex;justify-content:right}.recipe-modal-confirm button{height:30px;margin:5px;width:150px}.input__wrapper{position:relative}.input__wrapper .suggestions__dropdown{height:100px;left:0;overflow-y:auto;position:absolute;right:0;top:30px;width:100%}.recipe-details{background-color:var(--background-dark);bottom:0;color:var(--text-color-light);display:flex;left:0;overflow:hidden;padding:20px 0;position:absolute;right:0;top:0}.recipe-ingredients{font-size:1.7em;min-width:30%;overflow:visible scroll;padding:20px}.recipe-ingredients table{width:100%}.recipe-ingredients table td{padding-top:10px;vertical-align:top}.recipe-ingredients .ingredient-qty{padding-right:10px;white-space:nowrap}.recipe-ingredients .ingredient-name{text-align:left;white-space:break-spaces;width:100%}.recipe-instructions{border-left:solid;border-color:var(--sec-color-dark);flex-grow:1;font-size:1.7em;overflow:visible scroll;padding:10px}.recipe-instructions h1{text-transform:capitalize}.recipe-controls{bottom:5px;position:absolute;right:5px}.recipe-details button{background-color:var(--pri-color-dark);border:none;border-radius:5px;color:var(--text-color-light);cursor:pointer;font-weight:700;height:30px;margin:5px;width:200px}.recipe-controls button{font-size:3em;height:90px;margin:10px;width:200px}.recipe-details button:hover{background-color:var(--pri-color-light)}.recipe-subassembly{color:var(--text-color-light)}@media screen and (max-width:600px){.recipe-details{flex-direction:column}.recipe-instructions{border-left:none;border-top:solid;border-color:var(--sec-color-dark);font-size:1em}.recipe-ingredients{font-size:1em}.recipe-details{position:relative}}.login .warning-disabled{display:none}.login .warning-enabled{color:var(--sec-color-light);display:block;margin:10px 0}.login{display:flex;height:100%}.login-container{background-color:var(--pri-color-dark);border:solid;border-radius:5px;margin:50px auto;padding:30px 70px}@media screen and (max-width:600px){.login-container{background-color:var(--pri-color-dark);border:solid;border-radius:5px;margin:10px auto;padding:10px 20px}}.login form>label{color:var(--text-color-light)}.login form>*{color:var(--text-color-dark);display:block}.login button{background-color:var(--background-light);border:none;border-radius:5px;margin:20px auto 0;padding:5px 30px}
/*# sourceMappingURL=main.a1072a9e.css.map*/