.recipe-categories{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.recipe-categories .recipe-category{color:#27536d;text-transform:capitalize;background-color:#caeafc;padding:calc(.25rem + .3em) .5rem .25rem;font-size:.75rem;transition:all .3s cubic-bezier(.165,.84,.44,1)}.recipe-categories .recipe-category.active{color:#fff;background-color:#27536d}.recipe-categories .recipe-category.active:hover{pointer-events:none;cursor:default;color:#fff;background-color:#27536d}.recipe-categories .recipe-category:hover{cursor:pointer;background-color:#eef7fa}
.instruction-item{cursor:default;margin-bottom:1rem;padding-left:2rem;transition:all .3s cubic-bezier(.075,.82,.165,1)}.instruction-item:focus{background-color:#f1fce8;padding:1rem 2rem 1rem 2.5rem}.instruction-item .delete-button{position:absolute;top:0;left:-.43rem}.instruction-item textarea{resize:none;border-left:1px solid #ff662e;width:100%;min-height:4rem;padding:.5rem 1rem}.instruction-item .instruction-text{max-width:768px;transition:all .3s cubic-bezier(.075,.82,.165,1)}
.instructions.disabled{pointer-events:none;opacity:.5}.instructions.loading{min-height:10rem}.instructions.loading .header h2{filter:blur(4px)}.instructions .header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.instructions .header h2{text-transform:uppercase;color:#ff662e;font-size:.875rem}.instructions .list{counter-reset:item;list-style:none}.instructions .list .instruction-item{counter-increment:item;position:relative}.instructions .list .instruction-item:before{content:counter(item)".";color:#ff662e;font-family:Manjari,Helvetica,sans-serif;position:absolute;left:0}.instructions .list .instruction-item:focus:before{color:#557c56;left:.5rem}.instructions .list.edit .instruction-item:before{display:none}.instructions .actions{justify-content:space-between;display:flex}.instructions .actions.has-items{margin-left:2rem}
.ingredient-item{padding:.5rem 0;display:block}.ingredient-item:has(.fields){background-color:#0000}.ingredient-item .ingredient-display,.ingredient-item .fields{padding:0 .5rem}.ingredient-item .fields{grid-template-columns:3.5rem 3rem auto 1rem;gap:.25rem;display:grid}.ingredient-item .fields label{color:#c64710;font-size:.625rem}.ingredient-item .fields label input{background-color:#fffdf8;border-bottom:1px solid #ff662e;width:100%;margin-bottom:.25rem;padding:.45rem .5rem .25rem;font-size:1rem;display:block}.ingredient-item .ingredient-display .checkbox:checked+.text{color:#ff662e;text-decoration:line-through}
.ingredients{background-color:#fff7ef;max-width:100%;padding:1rem;display:block}.ingredients.loading{filter:blur(4px);min-height:10rem}.ingredients.disabled{pointer-events:none;opacity:.5}@media screen and (max-width:1024px){.ingredients.cook-mode{z-index:10;border-bottom:.2rem solid #fffdf8;width:100%;position:fixed;bottom:0;left:0}}.ingredients button.header{cursor:pointer;grid-template-columns:max-content auto;width:100%;height:1.2rem;display:grid}.ingredients button.header h2{opacity:1}.ingredients .header{text-align:left;gap:.5rem;margin-bottom:.25rem}.ingredients .header h2{text-transform:uppercase;color:#ff662e;opacity:0;height:0;margin-top:.2em;font-size:.875rem}@media screen and (max-width:768px){.ingredients .header h2{opacity:1;height:auto}}.ingredients .header .chevron-icon{width:1rem;height:1rem;transition:all .3s cubic-bezier(.075,.82,.165,1)}.ingredients .header .chevron-icon.expanded{transform:rotate(90deg)}.ingredients .header .chevron-icon svg{stroke:#ff662e;width:1rem;height:1rem}.ingredients .header .edit-button{text-align:right}.ingredients .list{list-style:none;overflow:hidden}.ingredients .list.loading li{height:2.5rem}.ingredients .list li:nth-child(odd){background-color:#fffcfa}.ingredients .ingredients-actions{flex-wrap:wrap;justify-content:space-between;margin-top:1rem;display:flex}