.list-browser.svelte-ipvodl{display:flex;flex-direction:column;gap:2rem}.list-browser__toolbar.svelte-ipvodl{display:flex;flex-direction:column;gap:.75rem;padding-block:1rem;border-block:1px solid oklch(from var(--color-ink) l c h / .1)}.list-browser__controls.svelte-ipvodl{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.5rem}.list-browser__summary.svelte-ipvodl{display:flex;min-height:2.25rem;flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.875rem;color:var(--color-ink-alt)}.list-browser__summary.svelte-ipvodl strong:where(.svelte-ipvodl),.list-browser__empty.svelte-ipvodl strong:where(.svelte-ipvodl){color:var(--color-ink)}.list-browser__clear.svelte-ipvodl{min-height:2.25rem;padding:0 .75rem;border-radius:var(--radius-control);background:var(--color-foreground);font-size:.8125rem;font-weight:600;color:var(--color-ink)}.list-browser__view.svelte-ipvodl{display:flex;flex-wrap:wrap;align-items:center;gap:.625rem}.list-browser__toggle.svelte-ipvodl{display:flex;gap:.125rem;padding:.25rem;border:1px solid oklch(from var(--color-ink) l c h / .1);border-radius:var(--radius-control);background:var(--color-foreground)}.list-browser__toggle.svelte-ipvodl button:where(.svelte-ipvodl){display:flex;width:2.25rem;height:2.25rem;align-items:center;justify-content:center;border-radius:var(--radius-control);color:var(--color-ink-alt)}.list-browser__toggle.svelte-ipvodl button[aria-checked=true]:where(.svelte-ipvodl){background:var(--color-ink);color:var(--color-background)}.list-browser.svelte-ipvodl button:where(.svelte-ipvodl):focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.list-browser__grid.svelte-ipvodl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem .875rem}@media(min-width:768px){.list-browser__grid.svelte-ipvodl{grid-template-columns:repeat(4,minmax(0,1fr));gap:2.5rem 1.5rem}}@media(min-width:1280px){.list-browser__grid.svelte-ipvodl{grid-template-columns:repeat(6,minmax(0,1fr))}}.list-browser__rows.svelte-ipvodl{display:grid;grid-template-columns:minmax(0,1fr);gap:.375rem}@media(min-width:1024px){.list-browser__rows.svelte-ipvodl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem}.list-browser__rows--chart.svelte-ipvodl{grid-template-rows:repeat(var(--rank-rows),minmax(0,auto));grid-auto-flow:column}}.list-browser__note.svelte-ipvodl{margin:-1rem 0 0;font-size:.8125rem;color:var(--color-ink-disabled)}.list-browser__criteria.svelte-ipvodl{max-width:none;margin:0;font-size:.8125rem;color:var(--color-ink-disabled)}.list-browser__more.svelte-ipvodl{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding-top:1rem;font-size:.875rem;color:var(--color-ink-alt)}.list-browser__meter.svelte-ipvodl{display:block;width:15rem;height:4px;overflow:hidden;border-radius:var(--radius-control);background:oklch(from var(--color-ink) l c h / .14)}.list-browser__meter.svelte-ipvodl span:where(.svelte-ipvodl){display:block;height:100%;background:var(--color-secondary)}.list-browser__empty.svelte-ipvodl{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;border:1px dashed oklch(from var(--color-ink) l c h / .2);border-radius:1.25rem;text-align:center;color:var(--color-ink-alt)}.list-browser__empty.svelte-ipvodl p:where(.svelte-ipvodl){margin:0}.outline-button.svelte-ipvodl{display:inline-flex;min-height:3.25rem;align-items:center;padding:0 1.75rem;border:1px solid oklch(from var(--color-ink) l c h / .25);border-radius:var(--radius-control);font-size:.9375rem;font-weight:700;color:var(--color-ink)}.outline-button.svelte-ipvodl:hover:not(:disabled){background:var(--color-foreground)}.outline-button.svelte-ipvodl:disabled{opacity:.6}.skeleton.svelte-ipvodl{display:flex;flex-direction:column;gap:.625rem}.skeleton.svelte-ipvodl>div:where(.svelte-ipvodl){border-radius:.5rem;background:var(--color-foreground-hover);animation:svelte-ipvodl-pulse 1.6s ease-in-out infinite}.skeleton__cover.svelte-ipvodl{aspect-ratio:1 / 1}.skeleton__line.svelte-ipvodl{height:.875rem;width:78%}.skeleton__line--sm.svelte-ipvodl{width:48%}@keyframes svelte-ipvodl-pulse{0%,to{opacity:.5}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.skeleton.svelte-ipvodl>div:where(.svelte-ipvodl){animation:none}}