.brand-filter-rail{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;min-width:0;display:grid}.brand-filter-rail .brand-filter{scrollbar-width:thin;scrollbar-color:#8b98ac66 transparent;overscroll-behavior-x:contain;-webkit-user-select:none;user-select:none;cursor:grab;gap:8px;min-width:0;padding-block:13px 9px;display:flex;overflow-x:auto}.brand-filter-rail .brand-filter::-webkit-scrollbar{height:4px;display:block}.brand-filter-rail .brand-filter::-webkit-scrollbar-thumb{background:#8b98ac66;border-radius:4px}.brand-filter-rail .brand-filter.is-dragging,.brand-filter-rail .brand-filter.is-dragging button{cursor:grabbing}.brand-filter-rail .brand-filter>button{white-space:nowrap;flex:none}.brand-filter-rail .brand-filter-arrow{border:1px solid var(--border,#dce2e9);width:34px;height:34px;color:var(--foreground,#18283f);background:var(--card,#fff);border-radius:6px;justify-content:center;align-items:center;padding:0;display:flex}.brand-filter-rail .brand-filter-arrow:disabled{opacity:.28;cursor:default}.brand-filter-rail .brand-filter-arrow:not(:disabled):hover{border-color:var(--primary,#f4b223)}@media (max-width:600px){.brand-filter-rail{grid-template-columns:29px minmax(0,1fr) 29px;gap:4px}.brand-filter-rail .brand-filter-arrow{width:29px;height:32px}}