.pagination{container-type:inline-size;container-name:pagination;gap:8px 14px;width:100%;margin-block-start:24px;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs)}.pagination,.pagination__nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.pagination__nav{gap:6px;min-width:0}.pagination__pages{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.pagination__slot{display:flex}.pagination__page,.pagination__step{display:inline-grid;place-items:center;min-width:32px;min-height:32px;padding-inline:9px;border:1px solid var(--glass-border-medium);border-radius:var(--radius-md);background:var(--glass-bg-subtle);color:var(--text-body-2);font-weight:700;text-decoration:none;white-space:nowrap}.pagination__step{grid-auto-flow:column;gap:5px}a.pagination__page:hover,a.pagination__step:hover{border-color:var(--color-secondary-dim);background:var(--glass-bg-hover);color:var(--text-strong)}.pagination__page--current{border-color:transparent;background:var(--color-secondary);color:var(--color-page)}.pagination__step--off{border-color:var(--glass-border-subtle);background:transparent;color:var(--text-faint);cursor:not-allowed}.pagination__gap{padding-inline:2px;color:var(--text-faint);user-select:none}.pagination__jump input:focus-visible,.pagination__page:focus-visible,.pagination__step:focus-visible{outline:2px solid var(--color-secondary-dim);outline-offset:2px}.pagination__jump{display:flex;align-items:center;gap:6px;white-space:nowrap}.pagination__jump label{color:var(--text-body-2)}.pagination__jump input{appearance:textfield;width:52px;min-height:32px;padding:4px 5px;border:1px solid var(--glass-border-medium);border-radius:var(--radius-md);background:var(--color-card);color:var(--text-strong);font:inherit;font-weight:700;text-align:center}.pagination__jump input::-webkit-inner-spin-button,.pagination__jump input::-webkit-outer-spin-button{margin:0;appearance:none}.pagination-more{display:flex;justify-content:center;padding-block-start:8px}.pagination-more__button{min-height:32px;padding:6px 14px;border:1px solid var(--glass-border-medium);border-radius:var(--radius-md);background:var(--glass-bg-subtle);color:var(--text-body-2);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;cursor:pointer}.pagination-more__button:hover{border-color:var(--color-secondary-dim);background:var(--glass-bg-hover);color:var(--text-strong)}.pagination-more__button:focus-visible{outline:2px solid var(--color-secondary-dim);outline-offset:2px}@container pagination (max-width: 560px){.pagination__slot[data-distance="2"]:not([data-edge]){display:none}}@container pagination (max-width: 470px){.pagination__slot[data-distance="1"]:not([data-edge]){display:none}}@container pagination (max-width: 400px){.pagination--jump .pagination__pages{display:none}}.pagination--compact .pagination__pages{display:none}