.subFilterMainContainer{position:relative;width:-moz-fit-content;width:fit-content;.sortBy{display:flex;align-items:center;gap:1.5rem;text-transform:capitalize;border:none;background-color:none;padding:0 2.5rem;background-color:#f7f7f7;border-radius:1rem;cursor:pointer;text-wrap:nowrap;height:5.5rem;outline:none;@media (max-width:450px){width:100%;justify-content:space-between}.sortByDisplayNameAndSortBy{display:flex;align-items:center;gap:1.5rem}.sortByName{color:rgba(var(--black),.5)}.sortByName,.sortBySelectedItem{font-size:2rem;line-height:2rem;font-weight:500}.sortBySelectedItem{color:rgba(var(--black))}}@media (max-width:450px){width:100%}.SubFilterContainer{padding:1.5rem 3.5rem;border-radius:100rem;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;border:none;background-color:none;background-color:rgba(var(--white));border:.3rem solid rgba(var(--primary));cursor:pointer;text-transform:capitalize;min-width:20rem;text-align:left;@media (max-width:450px){width:100%}.subFilterItem{font-size:2rem;line-height:3.5rem;-webkit-line-clamp:1}}.dropdownMenuContainer{position:absolute;margin-top:1rem;z-index:99999;background-color:rgb(var(--white));width:100%;padding:1rem;display:flex;flex-direction:column;gap:.5rem;border:.25rem solid rgb(var(--off-white));border-radius:1rem;box-shadow:0 0 5px 0 rgba(0,0,0,.1);max-height:40rem;overflow-y:auto;.dropdownItem{list-style:none;text-align:start;padding:1rem 1.5rem;border-radius:.5rem;font-size:1.6rem;line-height:2.2rem;cursor:pointer;text-transform:capitalize;color:rgb(var(--black));&:hover{background-color:rgb(var(--off-white))}}.dropdownElementActive{background-color:rgb(var(--primary));color:rgb(var(--white));&:hover{background-color:rgb(var(--primary))}}}}.dropdownActiveIcon{transform:rotate(180deg)}