/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src/component/pager/pager.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
.pager {
  font-size: 0.8333333333rem;
}
.pager__items {
  align-items: center;
  display: flex;
  justify-content: center;
}
.pager a {
  --a--padding: 0.375em 0.75em;
  --a--color: #263b97;
  --a--color--active: #ffffff;
  --a--bg-color: #ffffff;
  --a--bg-color--active: #4678BA;
  --focus-visible--outline-color: #4678BA;
  border: 1px solid var(--border--color, #adb5bd);
}
.pager__item:not(:first-child) a {
  margin-left: -1px;
}
.pager__item--ellipsis {
  padding: 0.375em 0.75em;
  background-color: #ffffff;
  border: 1px solid var(--border--color, #adb5bd);
  margin-left: -1px;
  color: #1E1B1C;
}
.pager__item--current-page {
  margin-inline: 0.75em;
  color: var(--text--color);
}
.pager__item.is-active a {
  --focus-visible--outline-color: #263b97;
  --a--bg-color: #263b97;
  --a--bg-color--active: #263b97;
  --a--color: #ffffff;
}