:root{--transparent:transparent;--highlight-primary:#fefefe;--highlight-secondary:#f5f5f5;--highlight-tertiary:#dcdcdc;--highlight-quaternary:#bbb;--lowlight-primary:#020202;--lowlight-secondary:#4b5358;--lowlight-tertiary:#232932;--lowlight-quaternary:#1c2128;--accent-primary:#104547;--accent-secondary:#f0e6d3;--accent-tertiary:#aaf0d1;--accent-quaternary:#789484;--state-success:#4d7a39;--state-caution:#fff5a9;--state-error:#c00;--sss:.375rem;--ss:.75rem;--s:1.5rem;--base:3rem;--a:4.5rem;--aa:6rem;--aaa:7.5rem}[theme=dark]{--highlight-primary:#191919;--highlight-secondary:#272822;--highlight-tertiary:#3d3e38;--highlight-quaternary:#111;--highlight-quinary:#222;--lowlight-primary:#bb86fc;--lowlight-secondary:#4e1b96;--lowlight-tertiary:#018786;--lowlight-quaternary:#3bddae;--accent-primary:#bb86fc;--accent-secondary:#3700b3;--accent-tertiary:#3bddae;--accent-quaternary:#4e1b96;--state-success:#006400;--state-caution:olive;--state-error:darkred}.recipe-product{align-items:center;background:var(--lowlight-secondary);border:none;border-radius:0;display:flex;flex-grow:1;flex-wrap:wrap;font-size:1.25em;margin:.2rem 0;min-height:4.5rem;outline:0;padding:0;position:relative;transition:all .1s linear;width:100%}.recipe-product.conflict{outline:2px solid var(--accent-tertiary);outline-offset:-2px}.recipe-product>div:not(.stack,.cat){flex-shrink:0;margin-right:.8rem}.recipe-product button{border-radius:0;flex-shrink:0;height:4.5rem;margin-right:var(--ss);width:4.5rem}.recipe-product button:hover{background:transparent}.recipe-product .del{margin-left:auto;margin-right:0!important}.recipe-product .del>.sh-button{margin-right:0}.recipe-product .stack{align-items:center;display:flex;flex-direction:column;flex-shrink:0;font-size:1em;font-weight:700;height:100%;justify-content:space-evenly;width:4.5rem}.recipe-product .both{font-size:.75em}.recipe-product .cat{border-radius:.2rem 0 0 .2rem;flex-shrink:0;height:4.5rem;width:.5rem}.recipe-product .aisle-1{background-color:#fe0000}.recipe-product .aisle-2{background-color:#800001}.recipe-product .aisle-3{background-color:#fe6a00}.recipe-product .aisle-4{background-color:#803400}.recipe-product .aisle-5{background-color:#ffd800}.recipe-product .aisle-6{background-color:#806b00}.recipe-product .aisle-7{background-color:#00fe21}.recipe-product .aisle-8{background-color:#007f0e}.recipe-product .aisle-13{background-color:#0094fe}.recipe-product .aisle-14{background-color:#00497e}.recipe-product .aisle-15{background-color:#0026ff}.recipe-product .aisle-18{background-color:#001280}.recipe-product .aisle-19{background-color:#b100fe}.recipe-product .aisle-20{background-color:#590080}.recipe-product .note{align-items:center;background:#0003;border-radius:3rem;display:flex;flex-shrink:2;font-size:.6em;padding:var(--sss) var(--ss)}.recipe-product .note p{margin:0}@media screen and (max-width:800px){.recipe-product .note{margin-left:auto}}.used{opacity:.15}.cooked{color:var(--accent-tertiary);display:flex;height:100%}.cooked .cooked-text{align-items:center;background:var(--accent-tertiary);bottom:0;color:var(--lowlight-tertiary);display:none;font-family:gg sans normal;font-size:1.4rem;height:100%;left:0;padding:var(--ss);position:absolute;top:0}.cooked:hover{cursor:none}.cooked:hover .cooked-text{display:flex}.dietary-flags{background:var(--lowlight-tertiary);font-size:.95rem;margin:0 0 .75rem .5rem;padding:.5rem .75rem}.dietary-flags .flag{color:var(--accent-tertiary);font-weight:600;margin-bottom:.25rem}.dietary-flags .subs{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.35rem}.dietary-flags .subs-label{opacity:.8}.dietary-flags .sub-btn{background:var(--lowlight-secondary);border:1px solid rgba(0,0,0,.2);border-radius:.25rem;cursor:pointer;font:inherit;padding:.25rem .55rem}.dietary-flags .sub-btn .hint{font-size:.8em;margin-left:.35rem;opacity:.65}.dietary-flags .muted{opacity:.7}.ingredient-edit{background:#10454759;border:1px solid rgba(170,240,209,.16);border-radius:.75rem;margin:.5rem 0;padding:1.5rem}.cooked-check{align-items:center;cursor:pointer;display:inline-flex!important;font-weight:500;gap:.6rem}