.AppPager {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-areas: "blank pagerBtn pagerStatic";
  padding-top: var(--spaceMd);
  margin-top: var(--spaceMd);
  border-top: 1px solid var(--colorOutlines);
  grid-gap: var(--spaceSm);
}

@media (max-width: 48rem) {
  .AppPager {
    grid-template-columns: 1fr;
    grid-template-areas: "pagerBtn" "pagerStatic";
  }
}

.AppPager-pager {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-area: pagerStatic;
  font-size: 1rem;
  font-weight: 500;
}

@media (max-width: 48rem) {
  .AppPager-pager {
    justify-content: center;
    font-size: 0.875rem;
  }
}

.AppPager-pager a {
  display: grid;
  place-items: center;
  height: 100%;
  padding: .1em .6em;
  color: var(--colorTextSubtle);
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0.5rem;
  text-decoration: none;
  transition: var(--animationBase);
}

.AppPager-pager a.is-active {
  color: var(--colorBrand);
  border-color: var(--colorBrand);
  pointer-events: none;
}

.AppPager-pager a:hover, .AppPager-pager a:active, .AppPager-pager a:focus {
  color: #fff;
  background: var(--colorBrand);
}

.AppPager-pager a.is-disabled {
  color: var(--colorTextSubtle);
  pointer-events: none;
  opacity: .7;
}

.AppPager-pager span {
  opacity: .4;
}

.AppPager-btnHolder {
  display: flex;
  justify-content: center;
  grid-area: pagerBtn;
}

@media (max-width: 48rem) {
  .AppPager-btnHolder button {
    width: 100%;
  }
}

/*# sourceMappingURL=pager.min.css.map */