/* --------------------------------------------------------------------------
   FILTERS
   -------------------------------------------------------------------------- */
   
.filter{
  gap: .5rem;
  overflow-x: auto;
}
.filter [data-filter]{
  cursor: pointer;
  user-select: none;
  padding: .4rem .7rem;
  transition: background .2s ease, color .2s ease;
  white-space: nowrap;
}
.filter [data-filter].active{
  background: #111;
  color: #fff;
  border-color: #111;
}

.filter-search .search-wrap{
  position: relative;
  min-width: 220px;
}
.filter-search .search-ico{
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  opacity: .7;
}
.filter-search input.form-control{
  padding-left: 2rem !important;
}