.pagination{justify-content:center;align-items:center;gap:var(--nhids-space-8);flex-wrap:wrap;display:flex}.pagination__pages{justify-content:center;align-items:center;gap:var(--nhids-space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.pagination__gap{min-width:var(--nhids-space-24);height:var(--nhids-space-40);color:var(--nhids-color-sys-text-secondary);justify-content:center;align-items:center;display:inline-flex}.pagination__nav,.pagination__page{min-width:var(--nhids-space-40);height:var(--nhids-space-40);padding:0 var(--nhids-space-8);border:1px solid var(--nhids-color-sys-border-default);border-radius:var(--nhids-radius-md);background:var(--nhids-color-sys-background-surface);color:var(--nhids-color-sys-text-on-surface);font-family:var(--nhids-font-family-base);font-size:var(--nhids-font-size-font-label-medium-size);font-weight:var(--nhids-font-weight-font-weight-medium);font-variant-numeric:tabular-nums;cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease), border-color var(--nhids-motion-fast) var(--nhids-motion-ease);justify-content:center;align-items:center;display:inline-flex}.pagination__nav:hover:not(:disabled),.pagination__page:hover:not(.is-active){background:var(--nhids-color-sys-primary-bg-hover);border-color:var(--nhids-color-palette-primary-500)}.pagination__nav:focus-visible,.pagination__page:focus-visible{outline:2px solid var(--nhids-color-focus-ring);outline-offset:2px}.pagination__nav:disabled{color:var(--nhids-color-sys-disabled-content);cursor:not-allowed}.pagination__page.is-active{background:var(--nhids-color-palette-primary-500);border-color:var(--nhids-color-palette-primary-500);color:var(--nhids-color-sys-text-on-primary);cursor:default}