/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2em}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:#0000}abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner{border-style:none;padding:0}[type=reset]::-moz-focus-inner{border-style:none;padding:0}[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring{outline:1px dotted buttontext}[type=button]:-moz-focusring{outline:1px dotted buttontext}[type=reset]:-moz-focusring{outline:1px dotted buttontext}[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;white-space:normal;max-width:100%;padding:0;display:table}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button{height:auto}[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template,[hidden]{display:none}*,:before,:after{box-sizing:border-box}a{color:inherit;cursor:pointer;text-decoration:none}button{color:inherit;cursor:pointer;background-color:#0000;border-width:0;padding:0}input::-moz-focus-inner{border:0;margin:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p{margin:0}.HomePage{max-width:1200px;margin:auto;padding-bottom:24px}.HomePage__searchInputContainer{margin:24px;box-shadow:0 2px 8px #0000001a}.RecipeList{grid-template-columns:1fr 1fr 1fr;gap:24px;padding-inline:24px;display:grid}@media (width<=1000px){.RecipeList{grid-template-columns:1fr 1fr}}@media (width<=700px){.RecipeList{grid-template-columns:1fr}}.RecipeListItem{border-radius:4px;grid-template-rows:auto min-content;height:300px;display:grid;overflow:hidden;box-shadow:0 2px 8px #0003}.RecipeListItem__gradient,.RecipeListItem__image{transition:filter .1s ease-out}.RecipeListItem__gradient:hover,.RecipeListItem__image:hover{filter:brightness(.94)}.RecipeListItem__image{object-fit:cover;width:100%;height:100%;min-height:0;display:block}.RecipeListItem__title{background-color:#fff;padding:16px;font-size:18px}.RecipeDetailsPage__root{grid-template-columns:250px 1fr;gap:24px;display:grid}.RecipeDetailsPage__image{grid-column:1/3}.RecipeDetailsPage__header{grid-column:1/3;justify-content:space-between;align-items:center;display:flex}.RecipeDetailsPage__ingredients{grid-column:1}.RecipeDetailsPage__method{grid-column:2;line-height:1.4}.RecipeMethod{padding-left:24px;list-style-type:decimal}.RecipeMethod__step+.RecipeMethod__step{margin-top:20px}.RecipeDetailsPage__footerEditButton{display:none}@media screen and (width<=767px){.RecipeDetailsPage__root{grid-template-columns:1fr}.RecipeDetailsPage__image,.RecipeDetailsPage__header,.RecipeDetailsPage__method{grid-column:1}.RecipeDetailsPage__headerEditButton{display:none}.RecipeDetailsPage__footerEditButton{text-align:center;display:block}}.BlockLayout{gap:var(--BlockLayout-gap);flex-direction:column;display:flex}.Button{border:1px solid #1b1f2326;border-radius:4px;padding:8px 16px;font-weight:600;display:inline-block}.Button--disabled{cursor:default;opacity:.5;outline:none}.Button--destructive{color:#fff;background-color:#d10000}.Button--destructive:not(.Button--disabled):focus{outline:none;box-shadow:0 0 0 3px #d603036b}.Button--destructive:not(.Button--disabled):hover{background-color:#c60000}.Button--destructive:not(.Button--disabled):active{background-color:#c30000;box-shadow:inset 0 1px #4614141a}.Button--primary{color:#fff;background-color:#2ea44f}.Button--primary:not(.Button--disabled):focus{outline:none;box-shadow:0 0 0 3px #2ea44f66}.Button--primary:not(.Button--disabled):hover{background-color:#2c974b}.Button--primary:not(.Button--disabled):active{background-color:#2a8f47;box-shadow:inset 0 1px #14462033}.Button--secondary{color:#24292e;background-color:#f2f3f4}.Button--secondary:not(.Button--disabled):focus{outline:none;box-shadow:0 0 0 3px #0366d64d}.Button--secondary:not(.Button--disabled):hover{background-color:#f4f5f6}.Button--secondary:not(.Button--disabled):active{background-color:#f1f2f3;box-shadow:inset 0 1px #e1e4e833}.Button--tertiary{color:#24292e;border:1px solid #0000}.Button--tertiary:not(.Button--disabled):focus{outline:none;box-shadow:0 0 0 3px #0366d64d}.Button--tertiary:not(.Button--disabled):hover{background-color:#f4f5f6;border-color:#f4f5f6}.Button--tertiary:not(.Button--disabled):active{background-color:#f1f2f3;border-color:#f1f2f3;box-shadow:inset 0 1px #e1e4e833}.Card{background-color:#fff;padding:24px}@media screen and (width>=451px){.Card{border-radius:8px;box-shadow:0 4px 16px 2px #e7eaec}}.FormGroup+.FormGroup{margin-top:24px}.InlineLayout{flex-direction:var(--InlineLayout-flex-direction);gap:var(--InlineLayout-gap);display:flex}.Label{margin-bottom:8px;font-weight:600;display:block}.Label--hidden{display:none}.ModalDimmedLayer{background:#00000059;grid-template-rows:1fr 25vh;grid-template-columns:1fr;display:grid;position:fixed;inset:0}.Modal{background:#fff;border-radius:8px;place-self:center;width:100%;min-width:288px;max-width:min(100vw - 32px,600px);max-height:400px;padding:16px;box-shadow:0 4px 16px 2px #00000026,0 1px 4px #0000001a}.NumericInput__container{display:flex}.NumericInput__container .TextInput{border-top-right-radius:0;border-bottom-right-radius:0}.NumericInput__arrow-up,.NumericInput__arrow-down{text-align:center;-webkit-user-select:none;user-select:none;align-items:center;height:50%;padding:0 4px;font-size:12px;display:flex}.NumericInput__arrow-up:hover,.NumericInput__arrow-down:hover{background-color:#f2f3f4}.NumericInput__arrow-up{border-top:1px solid #e1e4e8;border-bottom:1px solid #e1e4e8;border-right:1px solid #e1e4e8;border-top-right-radius:4px}.NumericInput__arrow-down{border-bottom:1px solid #e1e4e8;border-right:1px solid #e1e4e8;border-bottom-right-radius:4px}.PendingFallback{text-align:center;animation:.1s ease-in-out both PendingFallback-fade-in;position:absolute;top:45vh;left:calc(50% - 16px)}@keyframes PendingFallback-fade-in{0%{opacity:0}to{opacity:1}}.RecipeForm__formFields{grid-template-rows:auto;grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.RecipeForm__formFields{grid-template-rows:auto;grid-template-columns:40fr 60fr}.RecipeForm__buttons{text-align:right}}.RecipeForm__image-container{grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid}.RecipeForm__image{grid-area:1/1/2/2}.RecipeForm__image-placeholder{text-align:center;background:repeating-linear-gradient(-45deg,#fff,#fff 2px,#f4f5f6 2px 4px);border:1px solid #e1e4e8;border-radius:4px;width:100%;height:100%;padding:16px}.RecipeForm__upload-image-button{grid-area:1/1/2/2;place-self:center}.RecipeForm__replace-image-button{grid-area:1/1/2/2;place-self:end;margin-bottom:16px;margin-right:16px}.RecipeIngredientsEditor__ingredient button{opacity:0;transition:opacity .15s ease-out}.RecipeIngredientsEditor__ingredient:focus-within button,.RecipeIngredientsEditor__ingredient:hover button{opacity:1}.RecipeIngredients__table td{padding-top:4px;padding-bottom:4px}.RecipeIngredients__sectionRow:not(:first-child) td{padding-top:16px}.RecipeIngredients__amountUnitCell{text-align:right;min-width:90px;padding-right:16px}.SingleColumnPageLayout{grid-template-columns:minmax(auto,800px);justify-content:center;display:grid}@media screen and (width>=451px){.SingleColumnPageLayout{margin:24px}}.TextArea,.TextInput{appearance:none;background-color:#fff;border:1px solid #e1e4e8;border-radius:4px;width:100%;padding:8px 14px;line-height:1.4;display:block;box-shadow:inset 0 1px #e1e4e833}.TextArea::-webkit-outer-spin-button{appearance:none;margin:0}.TextArea::-webkit-inner-spin-button{appearance:none;margin:0}.TextInput::-webkit-outer-spin-button{appearance:none;margin:0}.TextInput::-webkit-inner-spin-button{appearance:none;margin:0}.TextArea:focus,.TextInput:focus{background-color:#fff;border-color:#0366d6;outline:none;box-shadow:0 0 0 3px #0366d64d}.TextInput--center{text-align:center}.TextInput--ghost{background-color:#fff;border-style:dashed}.TextInput--ghost:focus{border-style:solid}.TextInput--numeric{padding-inline:8px}.TextInput--title{font-size:2rem;font-weight:700}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-y:scroll}body{background-color:#f5f6f8}.header-container{background:#fff;border-bottom:1px solid #e7eaec;grid-template-rows:50px;grid-template-columns:minmax(auto,800px);justify-content:center;align-items:center;display:grid}.header-container>header{padding:0 24px}h1{font-size:2rem;font-weight:700}h2{font-size:1.5rem;font-weight:700}
