.theme-app .filter-bar{position:-webkit-sticky;position:sticky;top:80px;z-index:10;background:var(--color-background,oklch(100% 0 0deg));padding-top:24px;padding-bottom:24px;margin-bottom:48px;border-bottom:1px solid rgba(0,0,0,0);transition:border-color .2s ease,box-shadow .2s ease}.theme-app .filter-bar--stuck{border-bottom-color:var(--color-border,oklch(90% .02 95deg));box-shadow:0 10px 40px -12px oklch(from var(--color-foreground,oklch(28% .04 200deg)) l c h/.15)}.theme-app .filter-bar__toggle{display:none}@media(max-width:1024px){.theme-app .filter-bar__toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 16px;border:1px solid oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.2);border-radius:999px;font-size:13px;font-weight:500;color:var(--color-primary,oklch(36% .07 195deg));background:oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.05);cursor:pointer;transition:all .4s cubic-bezier(.22,1,.36,1)}.theme-app .filter-bar__toggle:hover{background:oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.1)}}.theme-app .filter-bar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-primary,oklch(36% .07 195deg));color:var(--color-cream,oklch(98.5% .012 95deg));font-size:10px;font-weight:600}.theme-app .filter-bar__arrow{margin-left:auto;color:var(--color-primary,oklch(36% .07 195deg));transition:transform .25s cubic-bezier(.22,1,.36,1)}.theme-app .filter-bar__arrow--open{transform:rotate(180deg)}@media(max-width:1024px){.theme-app .filter-bar__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.22,1,.36,1);margin-top:16px}.theme-app .filter-bar__panel--open{grid-template-rows:1fr}}@media(min-width:1025px){.theme-app .filter-bar__panel{display:block}}.theme-app .filter-bar__panel-inner{overflow:hidden;display:flex;flex-direction:column;gap:24px}.theme-app .filter-bar__pills{display:flex;flex-wrap:wrap;gap:8px}.theme-app .filter-bar__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:none;font-size:13px;font-weight:500;background:oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.05);color:var(--color-primary,oklch(36% .07 195deg));cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.theme-app .filter-bar__pill:hover{background:oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.1)}.theme-app .filter-bar__pill--active{color:var(--color-cream,oklch(98.5% .012 95deg));box-shadow:0 4px 6px -1px oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.2)}.theme-app .filter-bar__pill--active,.theme-app .filter-bar__pill--active:hover{background:var(--color-primary,oklch(36% .07 195deg))}.theme-app .filter-bar__pill--active .filter-bar__count{background:var(--color-accent,oklch(74% .16 55deg));color:var(--color-primary,oklch(36% .07 195deg))}.theme-app .filter-bar__count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:1px 5px;border-radius:999px;font-size:10px;font-weight:600;background:var(--color-background,oklch(100% 0 0deg));color:var(--color-muted-foreground,oklch(50% .03 200deg));transition:background .15s,color .15s}.theme-app .filter-bar__pills--numeric .filter-bar__pill{background:rgba(0,0,0,0);border:1px solid oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.2);color:oklch(from var(--color-primary,oklch(36% .07 195deg)) l c h/.6);font-size:11px;text-transform:uppercase;letter-spacing:.1em;padding:6px 14px;box-shadow:none}.theme-app .filter-bar__pills--numeric .filter-bar__pill:hover{border-color:var(--color-primary,oklch(36% .07 195deg));color:var(--color-primary,oklch(36% .07 195deg));background:rgba(0,0,0,0)}.theme-app .filter-bar__pills--numeric .filter-bar__pill.filter-bar__pill--active{color:var(--color-primary,oklch(36% .07 195deg));box-shadow:none}.theme-app .filter-bar__pills--numeric .filter-bar__pill.filter-bar__pill--active,.theme-app .filter-bar__pills--numeric .filter-bar__pill.filter-bar__pill--active:hover{background:oklch(from var(--color-accent,oklch(74% .16 55deg)) l c h/.2);border-color:var(--color-accent,oklch(74% .16 55deg))}