/* ===== App pagination ===== */
.app-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 20px;
  padding: 10px 0;
}

.app-pagination__pages {
  display: flex;
  align-items: center;
  gap: 6px;
}

.app-pagination__arrow,
.app-pagination__page {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 9999px;
  background: transparent;
  color: #000;
  cursor: pointer;
}

.app-pagination__arrow {
  background: #000;
  color: #fff;
}

.app-pagination__arrow:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.app-pagination__page.is-active {
  color: #0D5C91;
  font-weight: 600;
}

.app-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  color: #9096a8;
}

.app-pagination__size {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #444;
}

.app-pagination__size select {
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 4px 10px;
  background: #fff;
}

/* Pagination is not shown on mobile. */
@media (max-width: 899px) {
  /* .app-pagination {
    display: none;
  } */
}