.filter{flex-direction:column;justify-content:space-between;gap:.5rem;display:flex}.filter-row{justify-content:space-around;display:flex}@media only screen and (min-width:768px){.filter{flex-direction:row}.filter-row{width:50%}}.filter-dropdown{color:#86899a;text-align:left;border-radius:8px;flex:none;justify-content:space-between;align-items:center;width:40%;padding:.5rem 1rem;display:flex}.filter-dropdown:hover{color:#4a4c57}.filter-dropdown-text{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}.filter-dropdown-active{color:#eee;background:#666cff;font-weight:700}.filter-dropdown-active:hover{color:#fff;background:#5358dc}