: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-list{margin:0;padding:0}.recipe-list>li{background:#1c2128b8;border:1px solid rgba(170,240,209,.16);border-radius:var(--ss);list-style:none;margin-bottom:var(--ss);overflow:hidden;position:relative;transition:border-color .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1)}.recipe-list>li:hover{border-color:#aaf0d173;box-shadow:0 12px 28px #00000047;transform:translateY(-2px)}.recipe-list>li>a{align-items:center;display:flex;font-family:Geologica,sans-serif;text-decoration:none}.recipe-list .name{color:var(--highlight-primary)}.recipe-list .user-controls{margin-right:var(--ss)}.recipe-list.mode-list>li:hover .username{display:block}@media screen and (max-width:800px){.recipe-list.mode-list{margin-left:-1.5rem;margin-right:-1.5rem}}.recipe-list.mode-list .tags{display:none}.recipe-list.mode-list .image{background-position:50%;background-size:cover;border-radius:var(--ss);box-shadow:inset 0 0 0 1px #00000040;flex-shrink:0;height:calc(100% - var(--s));margin:var(--ss);min-height:9rem;width:9rem}.recipe-list.mode-list .name{font-size:2.2rem;font-weight:400;padding:var(--ss) var(--s)}.recipe-list.mode-list .username{bottom:var(--ss);color:var(--accent-secondary);display:none;font-family:Figtree,sans-serif;font-size:1.4rem;left:11.25rem;position:absolute}.recipe-list.mode-grid{display:grid;gap:var(--s);grid-template-columns:repeat(4,1fr)}@media screen and (max-width:800px){.recipe-list.mode-grid{grid-template-columns:repeat(2,1fr)}}.recipe-list.mode-grid>li{aspect-ratio:1;margin-bottom:0;width:auto}.recipe-list.mode-grid .name{background:linear-gradient(180deg,transparent,rgba(16,69,71,.92) 70%);bottom:0;color:var(--highlight-primary);font-size:1.8rem;font-weight:400;left:0;padding:var(--s);position:absolute;right:0;text-shadow:0 1px 8px rgba(0,0,0,.5)}.recipe-list.mode-grid .tags{left:0;opacity:.85;padding:var(--ss);position:absolute;right:0;top:0}.recipe-list.mode-grid .tags .recipe-tags,.recipe-list.mode-grid .tags li{font-size:1rem;list-style:none;margin:0;padding:0}.recipe-list.mode-grid .price{padding:var(--s);position:absolute;right:0;top:0}.recipe-list.mode-grid .image{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;inset:0;position:absolute;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.recipe-list.mode-grid>li:hover .image{transform:scale(1.04)}.recipe-list.mode-grid .spacer{padding-bottom:100%;width:100%}.recipe-list.mode-grid .username{background:#104547bf;border-radius:var(--sss);color:var(--accent-tertiary);font-family:Figtree,sans-serif;font-size:1.2rem;left:var(--ss);padding:.2rem .6rem;position:absolute;top:var(--ss);z-index:1}.mode-buttons{background:#10454773;border:1px solid rgba(170,240,209,.16);border-radius:var(--ss);flex-shrink:0;padding:.25rem}.mode-buttons,.mode-toggle{display:inline-flex;gap:.35rem}.mode-toggle{align-items:center;background:transparent;border:0;border-radius:calc(var(--ss) - .15rem);color:var(--highlight-quaternary);cursor:pointer;font-family:Figtree,sans-serif;font-size:1.3rem;font-weight:600;min-height:3.6rem;padding:.4rem .85rem}.mode-toggle .material-icons-round{font-size:1.7rem}.mode-toggle.active{background:#aaf0d12e;color:var(--accent-tertiary)}.mode-toggle:hover:not(.active){color:var(--highlight-primary)}.mode-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin:var(--s) 0}.mode-bar .filter-search{flex:1 1 18rem;min-width:0}@media(max-width:599px){.mode-toggle span{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0,0,0,0)}.mode-toggle{justify-content:center;min-width:3.6rem;padding:.4rem}}