@layer components{.filter-bar{gap:var(--gap-within);flex-direction:column;display:flex;position:relative}.filter-bar__search-row{align-items:center;gap:var(--gap-within);display:flex}.filter-bar__search-row .filter-bar__search{flex:1;min-width:0}.filter-bar__nav{align-items:center;gap:var(--gap-within);flex-wrap:wrap;display:flex}.filter-bar__filters{align-items:center;gap:var(--gap-within);flex-wrap:wrap;flex:1;display:flex}.filter-bar__filters .filter-pill{flex:none;width:max-content;max-width:100%}.filter-bar__clear-all{flex-shrink:0}.filter-bar__more-group{display:contents}.filter-bar__more-toggle{gap:var(--gap-within);flex-shrink:0}.filter-bar__more-badge{min-width:var(--control-height-xs);padding:0 var(--pad-tight);border-radius:var(--radius-full);background:var(--accent);color:var(--text-on-accent);font-size:var(--type-micro-size);letter-spacing:var(--type-micro-tracking);line-height:var(--type-caption-leading);font-weight:var(--font-weight-medium);justify-content:center;align-items:center;display:inline-flex}.filter-bar__more-chevron{transition:transform var(--transition-fast)}.filter-bar__more-chevron.is-open{transform:rotate(180deg)}@media (max-width:768px){.filter-bar__nav{display:none}.filter-bar__sheet .filter-pill{width:100%}.filter-bar__sheet .filter-bar__clear-all{align-self:flex-start}}@media (min-width:769px){.filter-panel.filter-bar__sheet{display:none}}.filter-bar__search .bf-select__control{min-height:var(--control-height-md);border-radius:var(--radius-lg);border:var(--border-hairline) solid var(--border-default);background:var(--surface);height:auto;box-shadow:var(--shadow-raised)}.filter-bar__search .bf-select__control:hover{border-color:var(--border-strong);box-shadow:var(--shadow-overlay)}.filter-bar__search .bf-select__control:focus-within{border-color:var(--accent);box-shadow:var(--shadow-raised), 0 0 0 3px var(--focus-ring)}.filter-bar__sheet .filter-pill .bf-select__control{background-color:var(--surface-raised);border:var(--border-hairline) solid var(--border-subtle)}.filter-bar__sheet .filter-pill .bf-select__control:hover{background-color:var(--surface);border-color:var(--accent)}@media (max-width:768px){.filter-bar__sheet .filter-pill .bf-select__control{min-height:var(--tap-target-min);border-radius:var(--radius-md);border:var(--border-hairline) solid var(--border-default);background:var(--surface-raised);height:auto;box-shadow:none}.filter-bar__sheet .filter-pill .bf-select__value-container{padding:0 var(--pad-control-x)}.filter-bar__sheet .filter-pill .bf-select__input::placeholder,.filter-bar__sheet .filter-pill .bf-select__placeholder,.filter-bar__sheet .filter-pill .bf-select__input,.filter-bar__sheet .filter-pill .comp-filter-input{font-size:var(--type-ui-size);letter-spacing:var(--type-ui-tracking);line-height:var(--type-ui-leading)}}}