.table-list-header {
  color: var(--wds-table-list-header-text-fill, var(--wds-color-black-400));
  font-weight: var(
    --wds-table-list-header-text-weight,
    var(--wds-font-weight-regular)
  );
  min-height: var(--wds-table-list-header-min-height, var(--wds-space-1200));
  padding-inline: var(
    --wds-table-list-header-padding-inline,
    var(--wds-space-600)
  );

  &#{&}--skin-standard {
    background-color: var(
      --wds-table-list-header-fill,
      var(--wds-color-fill-surface-raised)
    );
    box-shadow: inset 0 1px 0 0
        var(
          --wds-table-list-header-divider-fill-top,
          var(--wds-color-black-100-transparent-0)
        ),
      inset 0 -1px 0 0
        var(
          --wds-table-list-header-divider-fill-bottom,
          var(--wds-color-black-700)
        );
  }

  &__checkbox-space {
    width: calc(
      var(--wds-table-list-header-checkbox-padding-left, var(--wds-space-100)) +
        var(--wds-checkbox-size, var(--wds-space-350)) +
        var(--wds-table-list-header-checkbox-padding-right, var(--wds-space-250))
    );
  }

  &__option {
    margin-left: var(
      --wds-table-list-header-option-margin-inline,
      var(--wds-space-0)
    );

    &:not(:last-child) {
      margin-right: var(
        --wds-table-list-header-option-gap,
        var(--wds-space-400)
      );
    }

    &:last-child {
      margin-right: var(
        --wds-table-list-header-option-margin-inline,
        var(--wds-space-0)
      );
    }
  }

  &__sort-arrow {
    color: var(
      --wds-table-list-header-icon-fill,
      var(--wds-color-black-300)
    );
    height: var(--wds-table-list-header-icon-size, var(--wds-space-250));
  }
}