@charset "UTF-8";
:host {
  --digi--navigation-pagination--button--padding: calc(var(--digi--gutter--small) + 1px) var(--digi--gutter--largest-2);
  --digi--navigation-pagination--button--icon--width: var(--digi--gutter--medium);
  --digi--navigation-pagination--button--width: 8.750rem;
  --digi--navigation-pagination--button--margin: 0.125rem;
  --digi--navigation-pagination--button--display: flex;
  --digi--navigation-pagination--button--justify-content--default: center;
  --digi--navigation-pagination--button--keep-right--margin: 8.375rem;
  --digi--navigation-pagination--button--previous-button--border-radius: var(--digi--global--border-radius--base) 0 0 var(--digi--global--border-radius--base);
  --digi--navigation-pagination--button--next-button--border-radius: 0 var(--digi--global--border-radius--base) var(--digi--global--border-radius--base) 0;
  --digi--navigation-pagination--button--page-button--padding: calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--largest) - 1px);
  --digi--navigation-pagination--button--page-button--padding--compressed: calc(var(--digi--gutter--medium) - 1px) calc(var(--digi--gutter--medium) - 1px);
  --digi--navigation-pagination--button--page-button--margin: 0 2px;
  --digi--navigation-pagination--button--page-button--width: 2.750rem;
  --digi--navigation-pagination--button--page-button--height: 2.750rem;
  --digi--navigation-pagination--button--page-button--border-radius: 0;
  --digi--navigation-pagination--pages--margin: 0 0 var(--digi--global--spacing--smallest-4) 0;
  --digi--navigation-pagination--result--pages--margin: var(--digi--margin--smaller) 0 0 0;
  --digi--navigation-pagination--result--margin: 0;
  --digi--navigation-pagination--result--strong--font-weight: 600;
  --digi--navigation-pagination--result--text-align: center;
  --digi--navigation-pagination--page-list--padding: 0;
  --digi--navigation-pagination--page-list--margin: 0;
}
:host .digi-navigation-pagination__result {
  font-family: var(--digi--global--typography--font-family--default);
  text-align: var(--digi--navigation-pagination--result--text-align);
  font-size: var(--digi--typography--tag--font-size--desktop);
  margin: var(--digi--navigation-pagination--result--margin);
}
:host .digi-navigation-pagination__result--pages {
  --digi--navigation-pagination--result--margin: var(--digi--navigation-pagination--result--pages--margin);
}
:host .digi-navigation-pagination__result strong {
  font-weight: var(--digi--navigation-pagination--result--strong--font-weight);
}

:host .digi-navigation-pagination__pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  min-width: 290px;
  gap: 4px;
}
:host .digi-navigation-pagination__pagination .digi-navigation-pagination__pages {
  order: 2;
}
:host .digi-navigation-pagination__pagination.digi-navigation-pagination--two-rows .digi-navigation-pagination__pages {
  order: -1;
  flex: 1 0 100%;
  margin: var(--digi--navigation-pagination--pages--margin);
  display: flex;
  justify-content: center;
}

.digi-navigation-pagination__button {
  --digi--button--padding--medium: var(--digi--navigation-pagination--button--padding);
  --digi--button--display: var(--digi--navigation-pagination--button--display);
  --digi--button--width: var(--digi--navigation-pagination--button--width);
  --digi--button--min-height--small: var(--digi--navigation-pagination--button--page-button--height);
  --digi--button--justify-content--default: var(--digi--navigation-pagination--button--justify-content--default);
}
.digi-navigation-pagination__button--hidden {
  visibility: hidden;
}
.digi-navigation-pagination__button--previous {
  --digi--button--border-radius--secondary--default: var(--digi--navigation-pagination--button--previous-button--border-radius);
  --digi--button--border-radius--secondary--hover: var(--digi--navigation-pagination--button--previous-button--border-radius);
  order: 1;
}
.digi-navigation-pagination__button--next {
  --digi--button--border-radius--secondary--default: var(--digi--navigation-pagination--button--next-button--border-radius);
  --digi--button--border-radius--secondary--hover: var(--digi--navigation-pagination--button--next-button--border-radius);
  order: 3;
}
.digi-navigation-pagination__button ::slotted([slot^=icon]) {
  --digi--icon--width: var(--digi--navigation-pagination--button--icon--width);
}

.digi-navigation-pagination__page-button {
  --digi--button--border-radius--secondary--default: var(--digi--navigation-pagination--button--page-button--border-radius);
  --digi--button--border-radius--primary--default: var(--digi--navigation-pagination--button--page-button--border-radius);
  --digi--button--border-radius--secondary--hover: var(--digi--navigation-pagination--button--page-button--border-radius);
  --digi--button--border-radius--primary--hover: var(--digi--navigation-pagination--button--page-button--border-radius);
  --digi--button--width: var(--digi--navigation-pagination--button--page-button--width);
  --digi--button--font-size--medium: 14px;
  --digi--button--padding--medium: calc(var(--digi--gutter--medium) - 1px) 0;
  --digi--button--align-items: center;
  display: inline-block;
  text-align: center;
  letter-spacing: -1px;
}
.ellipsis-first .digi-navigation-pagination__page-button .digi-navigation-pagination__page-text:after {
  content: "…";
}
.ellipsis-last .digi-navigation-pagination__page-button .digi-navigation-pagination__page-text:before {
  content: "…";
}

:host .digi-navigation-pagination__page-list {
  display: flex;
  list-style: none;
  padding: var(--digi--navigation-pagination--page-list--padding);
  margin: var(--digi--navigation-pagination--page-list--margin);
  gap: 4px;
}

.digi-navigation-pagination__aria-label {
  clip: rect(0 0 0 0);
  height: 1px;
  padding: 0;
  white-space: nowrap;
  width: 1px;
  overflow: hidden;
  position: absolute;
}