@table-filter-prefix: ~'@{table-prefix}-header-filter';

.@{table-filter-prefix} {
  display: inline-flex;
  flex-direction: column;
  margin-left: 4px;
  font-size: @icecream-font-size-1;
  color: @icecream-color-grey-8;
  vertical-align: -0.125em;
  cursor: pointer;

  .@{dropdown-class} {
    border: none;
  }

  &-filtered {
    color: @icecream-primary-color;
  }

  &-disabled {
    color: @icecream-color-grey-7;
    cursor: not-allowed;
  }
}