.sort-pills{flex-wrap:wrap;gap:8px;display:flex}.sort-pill{border:1px solid var(--border-mid);border-radius:var(--r-sharp,2px);min-height:40px;color:var(--muted);font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;padding:0 15px;font-weight:500;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.sort-pill:hover{color:var(--foreground);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, transparent)}.sort-pill--active{background:var(--gold-fill,var(--gold));border-color:var(--gold-fill,var(--gold));color:var(--on-gold);font-weight:600}.sort-pill--active:hover{background:var(--gold-bright)}