.table-list-header {
  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-border-dark-secondary)
        );
  }

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

  &__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-text-standard-primary)
    );
    height: var(--wds-table-list-header-icon-size, var(--wds-space-300));
  }
}