@mixin root-container() { ... }@mixin root-container() { 
  min-width: settings.$min-width;
 }

@mixin list() { ... }@mixin list() { 
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;

  &--compact {
    justify-content: center;
  }

  @media screen and (min-width: 480px) {
    justify-content: center;
  }
 }

@mixin list-item() { ... }@mixin list-item() { 
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  padding-right: settings.$list-item-spacing;
  padding-left: settings.$list-item-spacing;

  &--page:nth-child(1 of .kib-pagination-new__list-item--page) {
    padding-left: 0;
  }

  &--page:nth-last-child(1 of .kib-pagination-new__list-item--page) {
    padding-right: 0;
  }
 }

@mixin list-item-previous() { ... }@mixin list-item-previous() { 
  @include media.query(max-sm) {
    justify-content: flex-start;
  }

  @include media.query(min-md) {
    order: -1;
    margin-right: spacing.get('s6');
  }
 }

@mixin list-item-next() { ... }@mixin list-item-next() { 
  @include media.query(max-sm) {
    justify-content: flex-end;
  }

  @include media.query(min-md) {
    order: 1;
    margin-left: spacing.get('s6');
  }
 }

@mixin item() { ... }@mixin item() { 
  color: settings.$item-text-color;
  text-align: center;
 }

@mixin item-interactive() { ... }@mixin item-interactive() { 
  @include kib-button-new-experiment.halo;
  @include kib-button-new-experiment.generate-styles('action', 'subtle', 'medium');
 }

@mixin item-current() { ... }@mixin item-current() { 
  @include kib-button-new-experiment.size-medium;
  @include typography.style-as('utility-3', 'strong');
  min-width: var(--kib-button-size);
  min-height: var(--kib-button-size);
  display: inline-flex;
  align-items: center;
  justify-content: center;
 }

@mixin item-disabled() { ... }@mixin item-disabled() { 
  @include kib-button-new.disabled;
 }

@mixin item-action() { ... }@mixin item-action() { 
  @include media.query('max-sm') {
    @include kib-button-new-experiment.size-small;
  }
 }

@mixin item-actions-icon() { ... }@mixin item-actions-icon() { 
  @include kib-button-new.icon-size-small;

  @include media.query(min-md) {
    @include kib-button-new.icon-size-medium;
  }
 }

@mixin item-actions-next-icon() { ... }@mixin item-actions-next-icon() { 
  margin-left: settings.$icon-spacer;
 }

@mixin item-actions-previous-icon() { ... }@mixin item-actions-previous-icon() { 
  margin-right: settings.$icon-spacer;
 }

$min-width: unit.rem(288px) !default;

$list-item-spacing-small: #{calc(spacing.get('s1') * 0.5)} !default;

$list-item-spacing-large: spacing.get('s1') !default;

$list-item-spacing: #{calc(spacing.get('s1') * 0.5)} !default;

$action-icon-size: unit.rem(32px) !default;

$action-icon-size-small: unit.rem(16px) !default;

$action-text-spacing: unit.rem(16px) !default;

$action-icon-spacing: unit.rem(12px) !default;

$icon-spacer: spacing.get('s2') !default;

$size-offset: unit.rem(2px) !default;

$item-text-color: color.get('text', 'tertiary');

$button-text-color: color.get('action', 'cta', 'alternate', 'text');

$button-focus-border-color: color.get('action', 'cta', 'primary', 'primary');

$button-hover-background-color: color.get('action', 'cta', 'alternate', '03');

$button-pressed-background-color: color.get('action', 'cta', 'alternate', '02');

$button-selected-background-color: color.get('action', 'cta', 'alternate', '03');

$button-action-border-color: color.get('action', 'cta', 'alternate', '03');