/* One pagination control format shared across every page. */
.app-content .app-pagination{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:var(--muted);
  font-size:13px;
}
.app-content .app-pagination .app-pagination-controls{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex:0 0 auto;
  color:var(--muted);
  font-size:13px;
}
.app-content .app-pagination .navigation-arrow,
.app-content .app-pagination .activity-page-number{
  box-sizing:border-box;
  display:inline-grid;
  place-items:center;
  flex:0 0 40px;
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--card);
  color:var(--ink);
  font:600 14px 'DM Sans',sans-serif;
  line-height:1;
  text-decoration:none;
  cursor:pointer;
  transition:background-color .15s ease,border-color .15s ease,color .15s ease;
}
.app-content .app-pagination .navigation-arrow .bi{
  color:inherit;
  font-size:15px;
  line-height:1;
}
.app-content .app-pagination .activity-page-number{
  border-color:var(--service-orange,var(--orange));
  background:var(--service-orange,var(--orange));
  color:var(--porcelain);
}
.app-content .app-pagination .navigation-arrow:not(:disabled):hover{
  border-color:var(--orange);
  background:var(--cream);
  color:var(--orange-deep);
}
.app-content .app-pagination .navigation-arrow:focus-visible,
.app-content .app-pagination .activity-page-number:focus-visible{
  outline:2px solid var(--orange);
  outline-offset:2px;
}
.app-content .app-pagination .navigation-arrow:disabled{
  background:var(--card);
  color:var(--muted);
  opacity:.45;
  cursor:default;
}
.app-content .app-pagination .app-pagination-total{
  white-space:nowrap;
}
.app-content .order-history-pagination.app-pagination{
  justify-content:center;
}
@media(max-width:600px){
  .app-content .app-pagination{
    flex-wrap:wrap;
  }
}
@media(prefers-reduced-motion:reduce){
  .app-content .app-pagination .navigation-arrow{
    transition:none;
  }
}