.facet-group.svelte-12ld8lj{--rule:light-dark(var(--stone-3),var(--stone-9));& h3:where(.svelte-12ld8lj){color:light-dark(var(--brown-10),var(--brown-3));font-family:var(--font-noto-serif-tc);font-size:var(--font-size-1);letter-spacing:.1em;text-transform:uppercase;margin-block-end:var(--size-3);font-weight:600}& ul:where(.svelte-12ld8lj){gap:var(--size-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}& .chip:where(.svelte-12ld8lj){border:1px solid var(--rule);border-radius:var(--radius-round);color:inherit;cursor:pointer;font-size:var(--font-size-0);align-items:center;gap:var(--size-2);padding:var(--size-2) var(--size-4);background:0 0;transition:background .15s,border-color .15s,color .15s;display:inline-flex;&:hover{border-color:light-dark(var(--brown-10),var(--brown-5))}&.active{background:light-dark(var(--brown-10),var(--brown-8));border-color:light-dark(var(--brown-10),var(--brown-8));color:light-dark(#fff8f0,var(--stone-2));& .count:where(.svelte-12ld8lj){color:inherit;opacity:.75}}&.toggle{color:var(--text-secondary);justify-content:center;width:100%}& .count:where(.svelte-12ld8lj){color:var(--text-secondary);font-variant-numeric:tabular-nums}}}.search.svelte-dlkuqk{--rule:light-dark(var(--stone-3),var(--stone-9));gap:var(--size-5);flex-direction:column;display:flex;& .search-bar:where(.svelte-dlkuqk){align-items:baseline;gap:var(--size-5);flex-wrap:wrap;display:flex;& .search-input:where(.svelte-dlkuqk){flex-direction:column;flex:20rem;max-width:50rem;display:flex}& input[type=search]:where(.svelte-dlkuqk){background:var(--surface-1);border:1px solid var(--rule);border-radius:var(--radius-2);color:inherit;padding:var(--size-3) var(--size-5);transition:border-color .15s;&:focus-visible{border-color:var(--primary-color)}}& .advanced-bar:where(.svelte-dlkuqk){align-items:center;gap:var(--size-5);flex-wrap:wrap;display:flex}& .adv-check:where(.svelte-dlkuqk){color:var(--text-secondary);cursor:pointer;align-items:center;gap:var(--size-2);white-space:nowrap;display:inline-flex;& input[type=checkbox]:where(.svelte-dlkuqk){accent-color:var(--blue-6)}}& .view-bar:where(.svelte-dlkuqk){gap:var(--size-2);flex-direction:column;display:flex;& .view-radios:where(.svelte-dlkuqk){border:1px solid var(--rule);border-radius:var(--radius-round);padding:var(--size-1);align-self:flex-start;display:inline-flex;& label:where(.svelte-dlkuqk){border-radius:var(--radius-round);cursor:pointer;padding:var(--size-1) var(--size-4);white-space:nowrap;transition:background .15s;position:relative;& input:where(.svelte-dlkuqk){appearance:none;opacity:0;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}&:has(input:where(.svelte-dlkuqk):checked){background:light-dark(color-mix(in srgb, var(--gold-color) 24%, transparent),color-mix(in srgb, var(--gold-color) 30%, transparent));font-weight:600}&:has(input:where(.svelte-dlkuqk):focus-visible){outline:2px solid var(--primary-color);outline-offset:2px}&:hover:not(:has(input:checked)){background:light-dark(color-mix(in srgb, var(--gold-color) 10%, transparent),color-mix(in srgb, var(--gold-color) 12%, transparent))}&.dim{opacity:.45}}}& .op-hint:where(.svelte-dlkuqk){color:var(--text-secondary);font-size:var(--font-size-0);opacity:.7;margin-inline:auto}}& .status:where(.svelte-dlkuqk){color:var(--text-secondary);font-size:var(--font-size-0);&.error{color:var(--red-6)}&.count{text-align:end;padding-inline-end:var(--size-3)}}}& .layout:where(.svelte-dlkuqk){align-items:start;gap:var(--size-8);grid-template-columns:1fr 3fr;display:grid;@media (width<=768px){grid-template-columns:1fr}}& .facets:where(.svelte-dlkuqk){gap:var(--size-5);flex-direction:column;display:flex;@media (width<=768px){&.popular-hidden{display:none}}& .clear:where(.svelte-dlkuqk){border:1px solid var(--rule);border-radius:var(--radius-round);color:inherit;cursor:pointer;font-size:var(--font-size-0);padding:var(--size-2) var(--size-4);background:0 0;align-self:flex-start;transition:border-color .15s;&:hover{border-color:light-dark(var(--brown-10),var(--brown-5))}}}& .results:where(.svelte-dlkuqk){gap:var(--size-3);grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));margin:0;padding:0;list-style:none;display:grid;position:relative;& .empty:where(.svelte-dlkuqk){color:var(--text-secondary);padding:var(--size-5);text-align:center;grid-column:1/-1}& .result:where(.svelte-dlkuqk){user-select:none;-webkit-touch-callout:none;display:flex;position:relative;& .result-link:where(.svelte-dlkuqk){flex:1}& .heart-btn:where(.svelte-dlkuqk){color:var(--gold-color);cursor:default;font-size:var(--font-size-2);opacity:.7;pointer-events:none;background:0 0;border:none;padding:0;display:none;position:absolute;inset-block-start:var(--size-2);inset-inline-end:var(--size-2);&:before{content:"💛"}&.favorite{display:block}}&:hover .heart-btn:where(.svelte-dlkuqk){opacity:1}}& .result-link:where(.svelte-dlkuqk){border:1px solid var(--rule);border-radius:var(--radius-2);color:inherit;align-items:baseline;gap:var(--size-3) var(--size-5);padding:var(--size-3) var(--size-5);flex-direction:column;text-decoration:none;transition:border-color .2s;display:flex;position:relative;@media (hover:hover){&:hover{border-color:var(--primary-color)}}& .title:where(.svelte-dlkuqk){font-family:var(--font-noto-serif-tc);font-size:var(--font-size-3);font-weight:600}& .meta:where(.svelte-dlkuqk){color:var(--text-secondary);font-size:var(--font-size-0);gap:var(--size-2) var(--size-3);flex-wrap:wrap;justify-content:space-between;width:100%;margin-block-start:auto;display:flex;& .text-id:where(.svelte-dlkuqk){font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin-inline-start:auto}}}}}