.hero-table-filter-wrapper{gap:2rem;display:flex}@media (max-width:450px){.hero-table-filter-wrapper{flex-direction:column}}
.hero-role-filter-drop{position:relative}.hero-role-filter-drop .hero-role-dropdpown{z-index:1;cursor:pointer;background-color:#484848;border-radius:.25rem;outline:1px solid #ffffff5c;justify-content:center;align-items:center;gap:.25rem;width:15rem;height:2.4rem;font-family:Montserrat;font-size:.9rem;display:flex;position:relative}.hero-role-filter-drop .hero-role-dropdpown:hover{background-color:#545454}.hero-role-filter-drop .hero-role-dropdpown .role-selected{align-items:center;gap:.125rem;display:flex}.hero-role-filter-drop .hero-role-dropdpown .close-button{color:#888;cursor:pointer;border:1px solid #888;border-radius:10rem;padding:.2rem;position:absolute;right:1rem}.hero-role-filter-drop .hero-role-dropdown-list{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;height:0;margin-top:.05rem;transition:height .125s ease-in;position:absolute;left:.25rem;overflow:hidden}.hero-role-filter-drop .hero-role-dropdown-list--show{z-index:10;height:6rem}.hero-role-filter-drop .hero-role-dropdown-list .hero-role-dropdown-item{cursor:pointer;background-color:#555;justify-content:center;align-items:center;width:14.5rem;height:2rem;display:flex}.hero-role-filter-drop .hero-role-dropdown-list .hero-role-dropdown-item:hover{background-color:#9d9d9d}.hero-role-filter-drop .hero-role-dropdown-list .hero-role-dropdown-item .dropdown-text{justify-content:center;gap:.25rem;display:flex}.hero-role-filter-drop .hero-role-dropdown-list .dropdown-selected,.hero-role-filter-drop .hero-role-dropdown-list .dropdown-selected:hover{background-color:#7b7b7b}