.pagination{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.pagination__row{justify-content:center}.pagination__pages,.pagination__row{display:flex;align-items:center;gap:var(--space-1)}.pagination__pages{margin:0;padding:0;list-style:none}.pagination__page,.pagination__step{display:inline-flex;align-items:center;justify-content:center;height:36px;border-radius:var(--radius-field);font:var(--type-label-sm);color:var(--color-body);text-decoration:none;transition:background-color .12s ease,color .12s ease}.pagination__page{min-width:36px;padding-inline:var(--space-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pagination__step{gap:6px;padding-inline:var(--space-3)}a.pagination__page:hover,a.pagination__step:hover{background:var(--color-surface-soft);color:var(--color-ink)}.pagination__page:focus-visible,.pagination__step:focus-visible{outline:none;box-shadow:var(--color-focus-ring)}.pagination__page[aria-current=page]{background:var(--color-ink);color:var(--color-surface);cursor:default}.pagination__step[aria-disabled=true]{color:var(--color-placeholder);cursor:default}.pagination__gap{min-width:2ch}.pagination__gap,.pagination__range{text-align:center;font:var(--type-body-small);color:var(--color-muted)}.pagination__range{margin:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (pointer:coarse){.pagination__page,.pagination__step{height:40px}.pagination__page{min-width:40px}}.pagination__pages--narrow{display:none}@media (max-width:640px){.pagination__pages--wide{display:none}.pagination__pages--narrow{display:flex}.pagination__step{min-width:40px;padding-inline:0}.pagination__step-label{display:none}}@media (prefers-reduced-motion:reduce){.pagination__page,.pagination__step{transition:none}}