.button-common-mixin {
  display: inline-flex;
  flex-shrink: 0;
}

.root {
  -st-states: disabled, error;
  display: inline-flex;
  user-select: none;
}

.navButton {
  -st-mixin: button-common-mixin;
  -st-states: disabled;
}

.navButton:not(:disabled) {
  cursor: pointer;
}

.emptyButton {
  -st-mixin: button-common-mixin;
}

.navButtonFirst {  order: 1;  }
.navButtonPrevious,
.emptyButtonPrevious{  order: 2;  }
.navButtonNext,
.emptyButtonNext{  order: 4;  }
.navButtonLast {  order: 5;  }

.pageStrip {
  order: 3;
  overflow-x: hidden;
}

.pageStripInner {
  display: flex;
}

.pageStripTemplate {
  height: 0;
  overflow: hidden;
}

.pageButton {
  -st-mixin: button-common-mixin;
  -st-states: disabled;
}

.pageButton:not(:disabled) {
  cursor: pointer;
}

.currentPage {
  -st-mixin: button-common-mixin;
}

.gap {
  -st-mixin: button-common-mixin;
}

.pageForm {
  display: flex;
  order: 3;
}

.compact {
  -st-extends: pageForm;
}

.pageInput {}
.totalPages {}
.slash {}

/* st-namespace-reference="../../../../src/Pagination/PaginationCore/PaginationCore.st.css" */