:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
.pagination__inactive {
  display: none !important;
}
.pagination__pager {
  /*
         * This is used by the script to determine what the
         * max width is for the mobile breakpoint.
         */
  --mobile-mq: only screen and (min-width: 1px) and (max-width: 719px);
  padding: 10px 0px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.pagination__pager-item {
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  padding: 10px;
  border: none;
  border-bottom: solid 3px transparent;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  background-color: #fff;
  width: 3em;
  font-size: 0.875rem;
}
.enable__is-dark-mode .pagination__pager-item {
  color: #ededed;
  background-color: transparent;
}
.pagination__pager-item:hover {
  background-color: #0e384c;
  color: white;
}
.pagination__pager-item:focus {
  z-index: 1;
}
.pagination__pager-item--selected {
  border-bottom: solid #00f 3px;
  color: #00f;
  font-weight: bold;
}
.enable__is-dark-mode .pagination__pager-item--selected {
  border-bottom: solid #7e7ef8 3px;
  color: #7e7ef8;
}
.pagination__table {
  margin-bottom: 0;
}
/*# sourceMappingURL=paginate.css.map */