.pagination{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);gap:2px}.pagination .button{width:auto;min-width:86px;max-width:86px;height:40px;flex:0 0 auto}.pagination__pages{display:flex;align-items:center;gap:2px}.pagination__controls{display:flex;flex:1 0 100%;justify-content:space-between;align-items:center;gap:.125rem}.pagination__page{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-white-50);font-weight:var(--font-weight-semibold);background-color:var(--color-bg-card);font-size:var(--font-size-sm)}a.pagination__page:hover{color:var(--color-white);background-color:var(--color-bg-card-nested)}.pagination__page--active{color:var(--color-white)}.pagination__page--dots,.pagination__page--active{cursor:default;pointer-events:none}.pagination__total{display:none;flex:1 0 auto;justify-content:flex-start;align-items:center;color:var(--text-white-50);white-space:nowrap}@media(min-width:540px){.pagination__controls{flex:1 0 auto;justify-content:flex-end}}@media(min-width:768px){.pagination{justify-content:space-between}.pagination__total{display:flex}.pagination__pages{flex:1}.pagination .button{flex:0 0 auto}}