.a-table-pagination,
.a-table-pagination-leading,
.a-table-pagination-trailing,
.a-table-pagination-rows,
.a-table-pagination-items {
  display: flex;
  box-sizing: border-box;
  align-items: center;
  gap: var(--gap);
}

.a-table-pagination {
  --px: var(--lens-semantic-spacing-desktop-padding-0-25);
  --py: var(--lens-semantic-spacing-desktop-padding-0-25);
  padding-block: var(--a-table-pagination-py, var(--py));
  padding-inline: var(--a-table-pagination-px, var(--px));
  justify-content: space-between;
}

@media (max-width: 480px) {
  .a-table-pagination {
    --gap: var(--lens-semantic-spacing-desktop-gap-1);
    justify-content: center;
  }
}

.a-table-pagination-leading {
  --gap: var(--a-table-pagination-leading-gap, var(--lens-semantic-spacing-desktop-gap-2));
}

.a-table-pagination-trailing {
  --gap: var(--a-table-pagination-trailing-gap, var(--lens-semantic-spacing-desktop-gap-1));
}

.a-table-pagination-rows {
  --gap: var(--a-table-pagination-rows-gap, var(--lens-semantic-spacing-desktop-gap-1));
}

.a-table-pagination-rows-label,
.a-table-pagination-items {
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  color: var(--color);
}

.a-table-pagination-rows-label {
  --font-size: var(
    --a-table-pagination-rows-label-font-size,
    var(--lens-semantic-font-text-body-font-size)
  );
  --font-weight: var(
    --a-table-pagination-rows-label-font-weight,
    var(--lens-semantic-font-weight-emphasis)
  );
  --line-height: var(
    --a-table-pagination-rows-label-line-height,
    var(--lens-semantic-font-text-body-line-height)
  );
  --letter-spacing: var(
    --a-table-pagination-rows-label-letter-spacing,
    var(--lens-semantic-font-text-body-letter-spacing)
  );
  --color: var(--a-table-pagination-rows-label-color, var(--lens-semantic-color-type-muted));
}

.a-table-pagination-items {
  --gap: var(--a-table-pagination-items-gap, var(--lens-semantic-spacing-desktop-gap-2-5));
  --font-size: var(
    --a-table-pagination-items-font-size,
    var(--lens-semantic-font-text-body-font-size)
  );
  --font-weight: var(
    --a-table-pagination-items-font-weight,
    var(--lens-semantic-font-weight-default)
  );
  --line-height: var(
    --a-table-pagination-items-line-height,
    var(--lens-semantic-font-text-body-line-height)
  );
  --letter-spacing: var(
    --a-table-pagination-items-letter-spacing,
    var(--lens-semantic-font-text-body-letter-spacing)
  );
  --color: var(--a-table-pagination-items-color, var(--lens-semantic-color-type-default));
}