: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-tags{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:var(--ss);padding:0}.recipe-tags li>button{background:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--s);color:var(--accent-tertiary);cursor:pointer;display:flex;margin:var(--sss) var(--ss);padding:var(--sss) var(--ss)}.recipe-tags li>button:active{background:var(--accent-tertiary)}