$item-gap: var(--wds-table-toolbar-item-gap, 8px);
$divider-gap: var(--wds-table-toolbar-divider-gap, 16px);

.table-toolbar {
  padding: var(--wds-table-toolbar-padding-block-start, 24px) 24px
    var(--wds-table-toolbar-padding-block-end, 16px);

  &__item:not(:first-child) {
    margin-inline-start: $item-gap;
  }

  &__divider {
    margin-inline-start: $divider-gap;
  }

  &__divider + &__item {
    margin-inline-start: $divider-gap;
  }

  /* stylelint-disable-next-line plugin/use-baseline */
  &__item-group &__item:has(hr):not(:first-child) {
    margin-inline-start: $divider-gap;
  }

  /* stylelint-disable-next-line plugin/use-baseline */
  &__item-group &__item:has(hr) + &__item {
    margin-inline-start: $divider-gap;
  }

  &__item-group
    &__item#{&}__item--layout-button
    + &__item#{&}__item--layout-button {
    margin-inline-start: var(--wds-table-toolbar-button-gap, 8px);
  }

  &__item-group
    &__item#{&}__item--layout-icon-button
    + &__item#{&}__item--layout-icon-button {
    margin-inline-start: var(--wds-table-toolbar-icon-button-gap, 2px);
  }

  &__item-group:first-child
    &__item
    + &__divider {
    margin-inline-start: var(--wds-table-toolbar-divider-gap-group-start, 16px);
  }
}