/* Zlix Shared Pagination v0.16 */

.zlix-pagination{
  display:grid;
  grid-template-columns:minmax(130px,1fr) auto auto;
  align-items:center;
  gap:14px;
  width:100%;
  box-sizing:border-box;
  padding:10px 12px;
  border-top:1px solid #dce6ee;
  background:#f8fafc;
  color:#607586;
  font-size:.72rem
}

.zlix-pagination-summary{
  min-width:0;
  font-weight:750;
  font-variant-numeric:tabular-nums
}

.zlix-pagination-size{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap
}

.zlix-pagination-size span{
  font-weight:750
}

.zlix-pagination-size select{
  min-height:32px;
  border:1px solid #cbd7e3;
  border-radius:7px;
  background:#fff;
  color:#29465c;
  padding:5px 28px 5px 8px;
  font:inherit;
  font-weight:700
}

.zlix-pagination-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  white-space:nowrap
}

.zlix-pagination-button{
  min-height:31px;
  border:1px solid #cbd7e3;
  border-radius:7px;
  background:#fff;
  color:#315672;
  padding:5px 9px;
  font:inherit;
  font-weight:750;
  cursor:pointer
}

.zlix-pagination-button:hover:not(:disabled){
  border-color:#9fb5c7;
  background:#f3f7fa
}

.zlix-pagination-button:disabled{
  opacity:.42;
  cursor:not-allowed
}

.zlix-pagination-page{
  min-width:80px;
  text-align:center;
  color:#536a7c;
  font-weight:750;
  font-variant-numeric:tabular-nums
}

.zlix-pagination.is-compact{
  grid-template-columns:minmax(110px,1fr) auto
}

.zlix-pagination.is-compact .zlix-pagination-nav{
  grid-column:1/-1;
  justify-content:flex-end
}

@media(max-width:780px){
  .zlix-pagination,
  .zlix-pagination.is-compact{
    grid-template-columns:1fr
  }

  .zlix-pagination.is-compact .zlix-pagination-nav,
  .zlix-pagination-nav{
    grid-column:auto;
    justify-content:flex-start;
    flex-wrap:wrap
  }
}