@layer components{.sort-menu{display:inline-flex;flex-shrink:0}.sort-menu__chip{gap:var(--space-2)}.sort-menu__glass.is-active{color:var(--color-accent);border-color:var(--color-border-accent);background-color:var(--color-accent-tint)}.sort-menu__icon{font-size:.9em}.sort-menu__dirs{margin-top:var(--space-1)}.sort-menu__caret{font-size:.7em;opacity:.7}.sort-menu__panel{width:min(240px,calc(100vw - 24px))}.sort-menu__option.is-active{color:var(--color-accent);font-weight:var(--weight-semibold)}.sort-menu__option.is-active .ui-popover__option-icon{background-color:var(--color-accent);color:var(--color-text-inverse)}.sort-menu__check{flex:none;margin-left:auto;font-size:.8em}}.can-filter-chips{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.can-filter-chips .ui-chip{min-height:32px;padding:0 var(--space-3);font-size:.8rem}.filter-dot{display:inline-block;width:7px;height:7px;margin-right:var(--space-2);vertical-align:middle;border-radius:var(--radius-full);background-color:var(--dot-color);flex-shrink:0}.ui-chip .filter-dot{margin-right:0}.filter-dot--flat{--dot-color: var(--color-info)}.filter-dot--cone{--dot-color: var(--color-warning)}.filter-dot--crowntainer{--dot-color: #c084fc}.filter-dot--volume{--dot-color: var(--color-success)}.filter-dot--specialty{--dot-color: var(--color-text-2)}.filter-dot--oi{--dot-color: var(--color-accent)}.filter-dot--irtp{--dot-color: var(--color-info)}.filter-dot--wf{--dot-color: var(--color-success)}.filter-dot--pre{--dot-color: var(--color-warning)}.filter-chip-type--flat{--chip-color: var(--color-info);--chip-tint: var(--color-info-tint)}.filter-chip-type--cone{--chip-color: var(--color-warning);--chip-tint: var(--color-warning-tint)}.filter-chip-type--crowntainer{--chip-color: #c084fc;--chip-tint: rgba(192, 132, 252, .12)}.ui-chip[class*=filter-chip-type--].ui-chip--selected{background-color:var(--chip-tint);border-color:var(--chip-color);color:var(--chip-color)}.filter-dropdown-anchor{display:inline-flex;flex-shrink:0}.can-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin-bottom:var(--space-4)}.can-filter-row__search{flex:1 1 200px;max-width:340px;min-width:0}.can-filter-row__search .ui-input{min-height:40px;font-size:var(--text-sm)}.can-filter-row__clear{flex-shrink:0}.can-filter-row__count{margin-left:auto;font-size:var(--text-sm);color:var(--color-text-3);white-space:nowrap}@media(min-width:768px){.can-filter-row__search{flex-basis:260px}}
