.filter-pill{letter-spacing:.01em;font-weight:500}.filter-pill-inactive{background:var(--muted);color:var(--muted-foreground);border-color:var(--border)}.filter-pill-inactive:hover{border-color:var(--ring);color:var(--foreground)}.filter-pill-active{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary);font-weight:600}.filter-pill-active:hover{background:color-mix(in oklch, var(--primary) 85%, black);border-color:color-mix(in oklch, var(--primary) 85%, black)}.filter-pill:focus-visible{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklch, var(--ring) 25%, transparent)}.filter-menu{background:var(--popover);border:1px solid var(--border);color:var(--popover-foreground)}.filter-option{color:var(--muted-foreground)}.filter-option:hover{color:var(--foreground)}.filter-option-focused{background:var(--accent)}.filter-option-selected{color:var(--primary);font-weight:500}.filter-search-input{background:var(--muted);border:1px solid var(--border);width:100%;height:2.5rem;color:var(--foreground);border-radius:.75rem;padding:.5rem 2.5rem;font-size:1rem;transition:border-color .15s}@media (min-width:768px){.filter-search-input{font-size:.9375rem}}.filter-search-input::placeholder{color:var(--muted-foreground)}.filter-search-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklch, var(--ring) 25%, transparent);outline:none}.filter-search-input::-webkit-search-cancel-button{display:none}.filter-price-input{background:var(--muted);border:1px solid var(--border);color:var(--foreground);border-radius:.5rem;width:5.5rem;height:2.25rem;padding:.375rem .625rem;font-size:1rem;transition:border-color .15s}@media (min-width:768px){.filter-price-input{height:2rem;font-size:.875rem}}.filter-price-input::placeholder{color:var(--muted-foreground)}.filter-price-input:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklch, var(--ring) 25%, transparent);outline:none}.filter-sort{background:var(--muted);color:var(--foreground);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;height:2rem;padding:.375rem .625rem;font-size:.875rem;transition:border-color .15s}.filter-sort:focus{border-color:var(--ring);outline:none}.filter-clear{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-size:.8125rem;transition:color .15s}.filter-clear:hover{color:var(--primary)}.filter-count{color:var(--muted-foreground);white-space:nowrap;margin-left:auto;font-size:.875rem}