.listing-filter-bar{border-bottom:1px solid var(--border);flex-direction:column;gap:1rem;padding-bottom:1.5rem;display:flex}@media (max-width:359px){.listing-filter-bar{gap:.75rem}}@media (min-width:768px){.listing-filter-bar{flex-flow:wrap;align-items:flex-end;gap:2rem}}.listing-filter-bar__field{flex:1;min-width:0;position:relative}@media (min-width:768px){.listing-filter-bar__field{flex:none;min-width:10rem}}.listing-filter-bar__label{letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:.5rem;font-size:.625rem;font-weight:600;display:block}.listing-filter-bar__select-wrap{position:relative}.listing-filter-bar__select{appearance:none;border:0;border-bottom:1px solid var(--border);letter-spacing:-.01em;width:100%;height:2.5rem;color:var(--foreground);background-color:#0000;border-radius:0;outline:none;padding-inline:0 1.75rem;font-size:1rem;font-weight:500;transition:border-color .2s}.listing-filter-bar__select:hover{border-color:color-mix(in srgb, var(--foreground) 40%, transparent)}.listing-filter-bar__select:focus-visible{border-color:var(--foreground)}.listing-filter-bar__chevron{pointer-events:none;width:1rem;height:1rem;color:var(--muted-foreground);transition:transform .2s;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}.listing-filter-bar__select:focus-visible+.listing-filter-bar__chevron{transform:translateY(-50%)rotate(180deg)}