.ListSort{--select-width: 32%;--select-max-width: 20rem;display:flex;align-items:center;justify-content:flex-end;gap:1rem}@media (min-width: 768px){.ListSort{gap:1.75rem}}.ListSort .custom-select{--custom-select-padding-y: .5rem;min-width:var(--select-width);max-width:var(--select-max-width)}@media (min-width: 768px){.ListSort .custom-select{--custom-select-padding-y: .8125rem}}.ListSort button.ListSortButton .fa-Icons,.ListSort a.ListSortButton .fa-Icons{--width: 1.25rem;--height: 1.25rem}@media (min-width: 768px){.ListSort button.ListSortButton .fa-Icons,.ListSort a.ListSortButton .fa-Icons{--width: 1.875rem;--height: 1.875rem}}.ListSort button.ListSortButton .fa-Icons :where(svg,rect),.ListSort a.ListSortButton .fa-Icons :where(svg,rect){transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1)}.ListSort button.ListSortButton:not(.active) .fa-Icons :where(svg,rect),.ListSort a.ListSortButton:not(.active) .fa-Icons :where(svg,rect){fill:var(--color-white);stroke:var(--color-primary)}