.unit-dialog .MuiDialogContent-root{display:flex}.unit-dialog .name{flex-grow:1;width:auto}.unit-dialog .symbol{width:6rem}.unit-dialog .size{display:flex;width:100%}.unit-dialog .size .MuiSwitch-root{margin-top:15px}.unit-dialog .size .MuiTextField-root{flex-grow:1}.element.edit .MuiDialogContent-root{display:flex}.element.edit .perMl,.element.edit .perUnit{flex-grow:1;width:auto}.ingredient-edit .quantity{width:6rem}.ingredient-edit .ingredient-select,.ingredient-edit .unit{flex-grow:1}.MuiButtonBase-root.error{background-color:var(--error);color:var(--error-text)}.ingredient-group{list-style:none}.group{background-color:#f5f9f1;border:1px solid #66a832;border-radius:5px;margin:1rem 0;padding:1rem}.group h2{align-items:center;color:#66a832;display:flex;font-size:1rem;gap:.5em;margin:0 0 1rem;padding:0}.group h2>div{line-height:0}.group h2>span:hover{cursor:pointer;text-decoration:underline}.group ul{list-style:disc;list-style-position:inside}.group:first-child{margin-top:0}.group:last-child{margin-bottom:0}.default-group{list-style:none}@media print{.group{padding:8px}.group h2{font-size:12px;margin-bottom:.5em}.group h2>div{display:none}}.ingredient{display:flex;gap:.5em;line-height:1.5em;list-style:none;margin-bottom:1em;padding:0}.ingredient:last-child{margin-bottom:0}.ingredient.editable>span{cursor:pointer}.ingredient.editable>span:hover{text-decoration-line:underline}.ingredient:not(.editable) svg{display:none}@media print{.ingredient svg{display:none}}.ingredients-list,.ingredients-list ul{margin:0;padding:0}.step.edit .hold,.step.edit .time{flex-grow:1;width:auto}.step{line-height:1.5em;position:relative}.step .drag-handle{left:-3rem;position:absolute}.step:last-child{margin-bottom:0}.step.editable{margin-left:3em}.step.editable:hover{cursor:pointer;text-decoration:underline}.step-list{margin:0;padding:0}.image-selector{text-align:center}.image-selector>button{display:block;margin:.5rem auto}.image-selector img{display:block}.image-selector .MuiPaper-root.image{overflow:hidden;position:relative}.image-selector .MuiPaper-root.image.empty{width:100%}.image-selector .MuiPaper-root.image .clicker{background:transparent;border:none;cursor:pointer;min-height:50px;padding:0}.image-selector .MuiPaper-root.image .clicker img{border-radius:4px;width:100%}.image-selector .MuiPaper-root.image label{bottom:0;cursor:pointer;height:1rem;left:0;margin:auto;position:absolute;text-align:center;top:0;transform:none;width:100%}.image-selector input[type=file]{display:none}.image-selector .uploading{align-items:center;background-color:#ffffff99;display:flex;font-weight:500;height:100%;justify-content:center;position:absolute;width:100%}.recipe-edit .serving,.recipe-edit .serving-unit,.recipe-edit .tag-select,.recipe-edit .tags{width:auto}.recipe{box-sizing:border-box;display:flex;flex-direction:column;height:calc(100% - 2em);margin:1rem auto;max-width:1200px;position:relative}.recipe .MuiCardHeader-root{background-color:#66a832;color:#fff;height:fit-content}.recipe .MuiCardHeader-root .MuiTypography-root{font-size:1.1rem;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recipe .MuiCardHeader-root .MuiCardHeader-title{float:left;width:auto}.recipe .MuiCardHeader-root .MuiCardHeader-subheader{float:left;font-size:.8rem;margin-left:1rem;position:relative;top:1px}.recipe .MuiCardHeader-root .MuiCardHeader-action{margin:0}.recipe .MuiCardHeader-root .MuiCardHeader-action .MuiButtonBase-root{color:#fff;margin:0 6px;padding:6px}.recipe .body{display:flex;height:100%;overflow:hidden}.recipe .media{flex:1 1;position:relative}.recipe .media .servings-wrapper{bottom:0;display:flex;justify-content:center;padding:1rem;position:absolute;width:100%}.recipe .media .servings-wrapper .servings{align-items:baseline;background-color:hsla(0,0%,100%,.6);border-radius:2rem;color:#666;display:flex;gap:.5em;padding:.5rem 1rem;width:fit-content}.recipe .media .MuiCardMedia-root{box-sizing:border-box;height:100%;vertical-align:top;width:100%}.recipe .content{box-sizing:border-box;flex:2 1;height:100%}.recipe .content>.MuiGrid-root{height:calc(100% + 32px);padding:16px}.recipe .content>.MuiGrid-root>.MuiGrid-root{height:100%;overflow:auto;padding-bottom:0;padding-right:8px;padding-top:0}.recipe .content .ingredients,.recipe .content .steps{box-sizing:border-box;display:inline-block;padding-right:8px;vertical-align:top}@media only screen and (max-width:800px){.recipe{height:auto;margin:0;overflow:auto}.recipe .body{flex-direction:column}.recipe .media{flex:1 1}.recipe .media .MuiCardMedia-root{flex-basis:100%;height:250px;overflow:auto;width:100%}.recipe .content{box-sizing:border-box;flex:1 1;flex-basis:100%;height:calc(100% - 150px - 3rem);overflow-x:hidden;overflow-y:auto}.recipe .content>.MuiGrid-root{gap:16px}.recipe .content>.MuiGrid-root>.MuiGrid-root{flex-basis:100%;max-width:100%;overflow:visible}.recipe .content .ingredients,.recipe .content .steps{height:auto;width:100%}}@media print{.recipe,.viewport{height:100%;margin:0;top:0}.recipe.MuiPaper-rounded{border-radius:0}.recipe.MuiCard-root{box-shadow:none;flex-direction:column;overflow:visible}.recipe .source{display:none}.recipe .MuiCardHeader-root .MuiTypography-h5{font-size:18px}.recipe .MuiCardHeader-root .MuiCardHeader-action{display:none}.recipe .body,.recipe .media .MuiCardMedia-root{height:100%}.recipe .content{padding:16px 0 0 16px}.recipe .content,.recipe .content>.MuiGrid-root{height:fit-content}.recipe .content>.MuiGrid-root>.MuiGrid-root{overflow:visible}.recipe .content>.MuiGrid-root>.MuiGrid-item{height:fit-content}.recipe .content .MuiButton-root{display:none}.recipe .content .ingredients,.recipe .content .steps{height:auto}}.thumbmenu{background-color:#fff;bottom:0;list-style:none;margin:0;overflow-x:auto;padding:0 0 .5rem .5rem;position:fixed;white-space:nowrap;width:calc(100% - 2rem)}.thumbmenu .grip{display:none}.thumbmenu .MuiCard-root{background-position:50%;background-repeat:no-repeat;background-size:cover;box-sizing:border-box;cursor:pointer;display:inline-block;height:160px;margin:.5rem 1rem;position:relative;vertical-align:bottom;white-space:normal;width:160px}.thumbmenu .MuiCard-root .MuiCardMedia-root{height:calc(100% - 1.8rem)}.thumbmenu .MuiCard-root .MuiCardContent-root{padding:0}.thumbmenu .MuiCard-root .MuiCardContent-root h2{background-color:#66a832;bottom:0;box-sizing:border-box;color:#fff;font-size:.8rem;font-weight:400;margin:0;min-width:100%;overflow:hidden;padding:.5rem;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:100%}@media only screen and (max-width:800px){.thumbmenu .grip{background-color:#66a832;color:#fff;cursor:pointer;display:block;height:1.5rem;left:0;margin-top:-1.5rem;position:fixed;text-align:center;width:100%}.drawerClosed .viewport{height:calc(100% - 56px - 2rem)}.drawerClosed .thumbmenu{height:0;width:100%}.drawerClosed .thumbmenu .grip{margin-top:calc(-1.5rem + 10px)}}@media print{.thumbmenu{display:none}}.MuiAppBar-root .MuiToolbar-root .MuiIconButton-root{color:inherit}.MuiAppBar-root .MuiToolbar-root .search{color:#fff}.MuiAppBar-root .MuiToolbar-root .search input{color:#000;font-size:12px;padding:12px}.MuiAppBar-root .MuiToolbar-root .search fieldset{background-color:hsla(0,0%,100%,.25);border:1px solid rgba(0,0,0,.23);border-radius:4px}.MuiAppBar-root .MuiToolbar-root .search fieldset:hover{border:1px solid rgba(0,0,0,.23)!important}@media only screen and (max-width:800px){.title{display:none}}@media print{.MuiAppBar-root{display:none!important}}:root{--error:#b71c1c;--error-text:#fff}::-webkit-scrollbar{background-color:initial;width:10px}::-webkit-scrollbar-thumb{background-color:#66a832;border-radius:5px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0}a,body .MuiButton-root{color:inherit}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.MuiDialog-container .MuiDialog-paper{width:100%}.MuiDialog-container .MuiDialogContent-root{display:flex;flex-wrap:wrap;gap:1rem}.mobileOnly{display:none}.viewport{box-sizing:border-box;height:calc(100% - 224px - 3rem);padding:.5rem .5rem 0;position:fixed;top:64px;width:100%}@media only screen and (max-width:800px){.mobileOnly{display:inline;display:initial}.viewport{height:calc(100% - 248px - 2rem);margin-top:-7px;overflow:auto;padding:0}.drawerClosed .viewport{height:calc(100% - 46px - 2rem)}}@media print{@page{size:A4 landscape}.viewport{font-size:10px;height:auto;padding:0;top:0}a{text-decoration:none}}
/*# sourceMappingURL=main.0f650eed.css.map*/