body{margin:0
  /*!*--bg: #263d4c;*!*/}.textarea,body,input,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.textarea,input,textarea{outline:none;max-width:calc(100vw - 4px);background-color:var(--bg);box-shadow:inset 2px 2px 5px var(--shadow),inset -2px -2px 5px var(--highlight);border:none;padding:5px 10px;border-radius:5px;font-size:1.2em}.textCenter{text-align:center}.flexcenter{flex-direction:column}.flexcenter,.flexRowWrap{display:flex;align-items:center;justify-content:center}.flexRowWrap{flex-direction:row;flex-wrap:wrap}.flexRowWrap>*{margin-right:10px;margin-left:10px}.justifyStart{justify-content:flex-start}button{background-color:transparent;border:none;outline:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}button,input{color:var(--contrast)}svg{fill:var(--contrast);stroke:var(--contrast)}.button{box-shadow:3px 3px 7px var(--shadow),-3px -3px 7px var(--highlight);padding:10px 20px;border-radius:4px}a.button{display:block;text-decoration:none;color:var(--contrast)}.roundButton,a.roundButton{padding:0;height:50px;width:50px;border-radius:100%;display:flex;align-items:center;justify-content:center}.roundButton.small{height:40px;width:40px}a.backButton{padding:5px 13px 7px}.button:not(.disabled):active,button.disabled{box-shadow:1px 1px 3px var(--shadow),-1px -1px 5px var(--highlight)}button.disabled{opacity:.7;color:#444}.cancelConfirm{padding-top:10px}.cancelConfirm button{width:100px;margin:0 5px}.cancelButton{background-color:var(--cancel-transparent)}.confirmButton{background-color:var(--confirm-transparent)}.scrollSafe{padding:10px 10px 50px;overflow:auto}.App{--blue:#263d4c;--grey:#e3e6e8;--bg:var(--blue);--shadow:#1c2f3b;--highlight:#38566a;--contrast:#fff;--confirm:#5eff5e;--confirm-semi-transparent:rgba(94,255,94,0.3137254901960784);--confirm-transparent:rgba(94,255,94,0.12549019607843137);--cancel:#ff573d;--cancel-semi-transparent:rgba(255,87,61,0.3137254901960784);--cancel-transparent:rgba(255,87,61,0.12549019607843137);--disabled:#868686;--disabled-semi-transparent:hsla(0,0%,52.5%,0.4392156862745098);--disabled-transparent:hsla(0,0%,52.5%,0.3137254901960784)}.App.grey{--bg:var(--grey);--shadow:#b3b6b7;--highlight:#fff;--contrast:#000}.App{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg);overflow:auto;color:var(--contrast);display:flex;justify-content:center}.app__content{max-width:800px}.page{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 20px}.navButton{margin-bottom:10px;font-size:1.2em}.listable{margin-bottom:15px;font-size:1.2em}.editableHeader{border:none;text-align:center;font-weight:700;font-size:1.5em;margin:20px 0;padding:10px;outline:none;width:350px;max-width:calc(100vw - 150px);border-radius:5px}.popOut{box-shadow:3px 3px 7px var(--shadow),-3px -3px 7px var(--highlight)}.popIn{box-shadow:inset 3px 3px 7px var(--shadow),inset -3px -3px 7px var(--highlight)}.input__label{margin-right:5px}.noMarginTop{margin-top:0}.touchOutsideSensor{position:fixed;top:0;left:0;right:0;bottom:0;z-index:11}@media (min-width:400px){.page{padding:0 40px}}@media (min-width:450px){.page{padding:0 60px}}.searchSelector{padding:20px 15px;border-radius:8px;margin:5px auto 0;width:202px;max-width:min(202px,(100vw - 40px))}.searchSelector input{max-width:min(150px,(100vw - 60px));margin-bottom:15px}.sortList{padding:0 50px}.draggable{position:relative}.sortList__handle__wrapper{position:absolute;top:0;left:-50px;bottom:0;display:flex;align-items:center;justify-content:center}.sortList .listable,.sortList__handle{background-color:var(--bg)}.sortList .listable{margin-bottom:0}.sortList .draggable{margin-bottom:20px}.ingredients__ingredient{border-radius:5px;margin-bottom:15px}.editIngredient{padding:20px;border-radius:8px;margin-bottom:15px}.editIngredient.fullScreen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg);z-index:13;justify-content:flex-start}.editIngredient .header{margin-top:0}.editIngredient__fields{display:grid;grid-template-columns:auto 1fr;grid-row-gap:8px;row-gap:8px;grid-column-gap:8px;-webkit-column-gap:8px;column-gap:8px}.mainHeader{position:-webkit-sticky;position:sticky;top:0;height:70px;margin:0;background-color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:1.3em}.recipes__recipeWrapper{position:relative}.recipes__editRecipeButton{height:30px;width:30px;border-radius:100%}.editRecipe,.recipes__editRecipeButton{display:flex;align-items:center;justify-content:center}.editRecipe,.editStep{flex-direction:column}.editStep{display:flex;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg);z-index:20}.editStep .textarea{width:340px;max-width:calc(100vw - 160px);display:block;overflow:hidden;min-height:100px;line-height:20px;padding:10px 15px}.editStep .cancelConfirm{padding-top:20px}.editTimerButton{margin-top:20px}.editableIngredient{position:relative;display:flex;align-items:center;margin-bottom:15px;border-radius:5px;z-index:2}.sortList .editableIngredient{margin-bottom:0}.editableIngredient:not(.editable){padding:10px}.editableIngredient.editable{display:flex;flex-direction:column;padding:10px 0;border-radius:10px}.editableIngredient.editable>div:not(.editableIngredient__value):not(.removeButtonContainer){width:100%;display:flex;align-items:center;justify-content:center}.editableIngredient__value{display:grid;grid-template-columns:1fr 1fr 1fr}.editableIngredient__inputWrapper{display:flex;align-items:center;justify-content:center}.editableIngredient__value>span{display:flex;align-items:center}.editableIngredient__value>span:last-child{justify-content:flex-start;padding-right:10px}.editableIngredient__value>span:first-child{justify-content:flex-end;padding-left:10px}.editableIngredient input{width:40px;text-align:center;border:none;border-radius:4px;padding:5px;margin:5px}.editableIngredient__quantityButton{padding:0;width:64px;height:30px;border-radius:10px;display:flex;flex-wrap:nowrap;flex-direction:row;align-items:center;justify-content:center}.editableIngredient .removeButtonContainer{position:absolute;top:0;right:-50px;bottom:0;display:flex;align-items:center;justify-content:center}.editableIngredient .removeButtonContainer button{cursor:pointer}.timerSelect{position:fixed;top:calc(50vh - 150px);left:calc(50vw - 150px);right:calc(50vw - 150px);bottom:calc(50vh - 50px);background-color:var(--bg);z-index:12}.timerSelect,.timerSelect__setter,.timerSelect__setters{display:flex;align-items:center;justify-content:center;border-radius:5px}.timerSelect{flex-direction:column}.timerSelect h1{margin-top:0}.timerSelect span{margin:0 4px}.timerSelect__setter{height:50px;width:60px;display:flex;align-items:center;justify-content:center}.backButton,.menuButton{position:fixed;top:10px;z-index:13;font-weight:700;font-size:1.3em;background-color:var(--bg);padding:0}.menuButton,.menuButton svg{cursor:pointer;height:50px;width:50px}.backButton{font-size:1.5em;padding:6px 13px;left:10px;display:flex;align-items:center;justify-content:center}.menuButton{right:10px}.menu{padding-top:80px;display:flex;flex-direction:column;align-items:center;background-color:var(--bg);z-index:12;position:fixed;top:0;left:calc(100vw + 20px);right:calc(-80vw - 20px);bottom:0;transition:left .4s,right .4s}.menu.show{left:20vw;right:0}.menuButton line{stroke:var(--contrast)}.menuButton .line1,.menuButton .line3{transition:rotate,translate,.5s}.menuButton .line2{transition:scaleX,.5s}.menuButton .line1{transform-origin:18px 24px}.menuButton .line3{transform-origin:18px 40px}.menuButton .line2{transform-origin:34px 33px}.menuButton.open .line1{transform:rotate(45deg) translate(1px,-5px)}.menuButton.open .line3{transform:rotate(-45deg) translate(1px,5px)}.menuButton.open .line2{transform:scaleX(0)}.menu__colorButtons{margin-top:40px}.menu__colorButtons button{margin-bottom:10px}.menu__colorButtons button.blue{background-color:var(--blue)}.menu__colorButtons button.grey{background-color:var(--grey)}.recipe p{margin-top:0}.recipe .reservation__ingredient{padding:10px 20px}.recipe .popOut{border-radius:5px}.reservation__ingredient{text-align:center}.reservation__step{padding:10px 40px;margin-bottom:20px}.reservation__step .header{margin-top:0}
/*# sourceMappingURL=main.01d4c26b.chunk.css.map */