.pager .pager__button--previous a::after, .pager .pager__button--next a::after {
  font-family: "icomoon";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pager .pager__button--previous a::after {
  content: "\e912";
}

.pager .pager__button--next a::after {
  content: "\e913";
}

.pager {
  margin-top: clamp(49px, 42.7px + 0.0105 * 100vw, 70px);
  width: calc(calc(var(--b14grid-column-width) * 3 + var(--b14grid-gutter-width) * 3) + var(--btn-size-medium));
}
@media (max-width: 1250px) {
  .pager {
    width: calc(calc(var(--b14grid-column-width) * 4 + var(--b14grid-gutter-width) * 4) + var(--btn-size-medium));
  }
}
@media (max-width: 1024px) {
  .pager {
    width: calc(calc(var(--b14grid-column-width) * 6 + var(--b14grid-gutter-width) * 6) + var(--btn-size-medium));
  }
}
@media (max-width: 414px) {
  .pager {
    width: 100%;
  }
}
.pager ul {
  gap: clamp(7px, 6.1px + 0.0015 * 100vw, 10px);
  display: flex;
  align-items: center;
}
.pager .pager__item {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  line-height: 26px;
  font-family: "Noto Sans", sans-serif;
  font-weight: 400;
  color: var(--color-highlight);
}
@media (max-width: 1024px) {
  .pager .pager__item {
    font-size: 18px;
    line-height: 24px;
  }
}
.pager .pager__item a {
  color: var(--color-highlight);
}
.has-mouse .pager .pager__item a:hover {
  color: var(--color-text-hover);
}
.pager .pager__item--next-previous {
  margin-left: auto;
}
.pager .pager__button--next a {
  width: var(--btn-size-medium);
  height: var(--btn-size-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-cta);
  border-radius: 100%;
  transition: background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pager .pager__button--next a::after {
  font-size: var(--btn-size-medium);
  display: block;
}
.has-mouse .pager .pager__button--next a:hover {
  background-color: var(--color-cta-darken);
}
.pager .pager__button--previous a {
  width: var(--btn-size-medium);
  height: var(--btn-size-medium);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-cta);
  border-radius: 100%;
  transition: background-color 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pager .pager__button--previous a::after {
  font-size: var(--btn-size-medium);
  display: block;
}
.has-mouse .pager .pager__button--previous a:hover {
  background-color: var(--color-cta-darken);
}
/*# sourceMappingURL=../../_maps/components/view/pager.css.map */