.ds-no-style-leak * {
  all: unset;
  box-sizing: border-box;
  display: block;
}

:host {
  display: block;
  width: 100%;
}
@media (min-width: 30rem) {
  :host {
    width: auto;
  }
}

.ds-pagination__Rso0Na {
  all: initial;
  display: revert;
  box-sizing: border-box;
  font-family: var(--ds-fontFamily-body);
  font-size: var(--ds-fontSize-16);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--ds-pagination-font-size, var(--ds-fontSize-18));
  gap: var(--ds-spacing-3xSmall);
  flex-wrap: wrap;
}
.ds-pagination__Rso0Na__compact slot, .ds-pagination__Rso0Na__full slot {
  display: flex;
  align-items: center;
  gap: var(--ds-spacing-3xSmall);
  flex-wrap: wrap;
}
.ds-pagination__Rso0Na--compact .ds-pagination__Rso0Na__compact, .ds-pagination__Rso0Na--auto .ds-pagination__Rso0Na__compact {
  width: 100%;
}
@media (min-width: 30rem) {
  .ds-pagination__Rso0Na--compact .ds-pagination__Rso0Na__compact, .ds-pagination__Rso0Na--auto .ds-pagination__Rso0Na__compact {
    width: auto;
  }
}
.ds-pagination__Rso0Na--compact .ds-pagination__Rso0Na__compact slot, .ds-pagination__Rso0Na--auto .ds-pagination__Rso0Na__compact slot {
  display: grid;
  grid-template-columns: min-content min-content auto min-content min-content;
  gap: var(--ds-spacing-3xSmall);
  align-items: center;
  width: 100%;
}
.ds-pagination__Rso0Na ::slotted([class*=pagination-page-info]) {
  padding: 0 var(--ds-spacing-small);
  font-weight: var(--ds-fontWeight-semibold);
  text-align: center;
  align-self: center;
  white-space: nowrap;
}
.ds-pagination__Rso0Na--white {
  --ds-pagination-ellipsis-colour: var(--ds-textColor-white);
}
.ds-pagination__Rso0Na--white ::slotted([class*=pagination-page-info]) {
  color: var(--ds-textColor-white);
}
.ds-pagination__Rso0Na--compact .ds-pagination__Rso0Na__full {
  display: none;
}
.ds-pagination__Rso0Na--full .ds-pagination__Rso0Na__compact {
  display: none;
}
.ds-pagination__Rso0Na--auto .ds-pagination__Rso0Na__full {
  display: none;
}
@media (min-width: 60rem) {
  .ds-pagination__Rso0Na--auto .ds-pagination__Rso0Na__full {
    display: contents;
  }
  .ds-pagination__Rso0Na--auto .ds-pagination__Rso0Na__compact {
    display: none;
  }
}