.j-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-200, 8px);padding:12px 16px;background:var(--c-mercury-glass, color-mix(in oklch, oklch(10% .012 250) 72%, transparent));-webkit-backdrop-filter:blur(22px) saturate(120%);backdrop-filter:blur(22px) saturate(120%);border:var(--c-mercury-gborder, 1px solid color-mix(in oklch, oklch(76% .022 245) 18%, transparent));border-top:var(--c-mercury-gtop, 1px solid color-mix(in oklch, oklch(76% .022 245) 42%, transparent));border-radius:12px}.j-filter-bar__chip{font-family:"JetBrains Mono",var(--ff-mono, monospace);font-size:9.5px;font-weight:600;font-style:normal;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch,var(--c-mercury-300, oklch(86% .02 245)) 70%,transparent);background:color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 6%,transparent);border:1px solid color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 18%,transparent);border-radius:999px;min-height:44px;padding:0 14px;cursor:pointer;outline:none;transition:color .22s var(--c-mercury-glide, ease),background-color .22s var(--c-mercury-glide, ease),border-color .22s var(--c-mercury-glide, ease);white-space:nowrap;flex-shrink:0;line-height:1;display:inline-flex;align-items:center}.j-filter-bar__chip:hover{color:var(--c-mercury-100, oklch(94% .012 245));background:color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 12%,transparent);border-color:color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 38%,transparent)}.j-filter-bar__chip[aria-pressed=true]{color:var(--c-mercury-100, oklch(94% .012 245));background:color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 18%,transparent);border-color:color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 48%,transparent)}.j-filter-bar__chip:focus-visible{outline:2px solid color-mix(in oklch,var(--c-mercury-500, oklch(76% .022 245)) 55%,transparent);outline-offset:2px}.j-filter-bar__sep{width:1px;height:16px;background:color-mix(in oklch,var(--c-mercury-300, oklch(86% .02 245)) 14%,transparent);margin:0 4px;flex-shrink:0}.j-filter-bar__search{flex:0 1 220px;min-width:160px;transition:flex-basis .22s var(--c-mercury-glide, ease)}.j-filter-bar__search:focus-within{flex-basis:380px}.j-filter-bar__sort{flex-shrink:0}.j-filter-bar__sort .j-select{width:auto;min-width:120px;height:44px;min-height:44px;font-size:11px;padding:0 28px 0 10px}.j-filter-bar__search .j-input{height:44px;min-height:44px;font-size:12px;padding:0 10px}@keyframes filter-bar-chip-enter{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.j-filter-bar__chip{animation:filter-bar-chip-enter .24s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--chip-index, 0) * 32ms)}@media(prefers-reduced-motion:reduce){.j-filter-bar__chip{animation:none;transition:none}.j-filter-bar__search{transition:none}}