.perp-sort-filter { box-sizing: border-box; max-width: 100%; min-width: 0; color: #fff; background: #171717; padding: 8px; }
.perp-sort-filter [role="radiogroup"] { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 8px; min-width: 0; }
.perp-sort-filter button { box-sizing: border-box; min-height: 44px; min-width: 44px; max-width: 100%; padding: 10px 12px; white-space: normal; overflow-wrap: anywhere; font: inherit; color: #fff; background: #303030; border: 2px solid #aaa; border-radius: 4px; }
.perp-sort-filter [aria-checked="true"] { border-color: #ffda66; text-decoration: underline; }
.perp-sort-filter button:focus-visible { outline: 3px solid #ffda66; outline-offset: 2px; }
.perp-sort-filter [hidden] { display: none; }
@media (max-width: 390px) { .perp-sort-filter button { flex: 1 1 140px; } }
@media (forced-colors: active) { .perp-sort-filter [aria-checked="true"] { border-color: Highlight; } .perp-sort-filter button:focus-visible { outline-color: Highlight; } }