.shopping.svelte-1c2pq2k{max-width:720px;padding:24px var(--gutter) 56px;gap:16px;margin:0 auto;display:grid}.top.svelte-1c2pq2k{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}h1.svelte-1c2pq2k{font-size:var(--text-title)}.empty.svelte-1c2pq2k{color:var(--muted);margin:0}.browse.svelte-1c2pq2k{color:var(--green);font-weight:700}.recipes.svelte-1c2pq2k{gap:6px;display:grid}.recipes.svelte-1c2pq2k h2:where(.svelte-1c2pq2k){color:var(--muted);font-family:var(--font-body);font-weight:600;font-size:var(--text-meta)}.recipes.svelte-1c2pq2k ul:where(.svelte-1c2pq2k){flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.recipes.svelte-1c2pq2k li:where(.svelte-1c2pq2k){border-radius:var(--radius);background:var(--lilac-soft);align-items:center;gap:2px;padding-left:12px;display:inline-flex}.recipes.svelte-1c2pq2k a:where(.svelte-1c2pq2k){color:var(--ink);font-weight:600;font-size:var(--text-meta);text-decoration:none}.recipes.svelte-1c2pq2k .remove:where(.svelte-1c2pq2k){width:36px;height:36px;font-size:var(--text-large)}.items.svelte-1c2pq2k{border-radius:var(--radius-large);background:var(--white);margin:0;padding:4px;list-style:none;display:grid}.item.svelte-1c2pq2k{grid-template-columns:36px minmax(0,1fr) 40px;align-items:center;gap:12px;padding:8px;display:grid}.text.svelte-1c2pq2k{gap:2px;transition:opacity .2s cubic-bezier(.25,1,.5,1);display:grid}.description.svelte-1c2pq2k{font-size:var(--text-large)}.for.svelte-1c2pq2k{color:var(--muted);font-size:var(--text-small)}.ticked.svelte-1c2pq2k .text:where(.svelte-1c2pq2k){opacity:.45}.ticked.svelte-1c2pq2k .text:where(.svelte-1c2pq2k) .description:where(.svelte-1c2pq2k){text-decoration:line-through}.remove.svelte-1c2pq2k{border-radius:var(--radius);width:40px;height:40px;color:var(--muted);font-size:var(--text-section);cursor:pointer;background:0 0;border:0}.remove.svelte-1c2pq2k:hover{background:var(--lilac-soft);color:var(--ink)}.share.svelte-1c2pq2k{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share.svelte-1c2pq2k p:where(.svelte-1c2pq2k){color:var(--muted);flex-basis:100%;margin:0}.clear.svelte-1c2pq2k{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.clear.svelte-1c2pq2k p:where(.svelte-1c2pq2k){flex-basis:100%;margin:0;font-weight:600}
