.pagination{width:fit-content;color:var(--color-600);grid-template-columns:auto auto auto;grid-template-areas:"btn-prev page-numbers btn-next";align-items:center;gap:16px;margin-left:auto;display:grid}.pagination.centered{margin:20px auto 0}.pagination .btn-prev{grid-area:btn-prev}.pagination span.page-current-of-total{white-space:nowrap;grid-area:page-numbers;align-items:center;gap:8px;font-size:14px;line-height:20px;display:flex}.pagination span.page-current-of-total .current-page{color:var(--color-900)}.pagination span.page-current-of-total .of-total{color:var(--color-600)}.pagination ul.page-numbers{white-space:nowrap;grid-area:page-numbers;grid-auto-flow:column;gap:16px;display:grid}.pagination ul.page-numbers .current{color:var(--color-900)}.pagination ul.page-numbers button{color:inherit;font-size:inherit}.pagination ul.page-numbers button:hover{color:var(--color-900)}.pagination ul.page-numbers a{all:unset;color:inherit;font-size:inherit;cursor:pointer;text-decoration:none}.pagination ul.page-numbers a:hover{color:var(--color-900)}.pagination .btn-next{grid-area:btn-next}.pagination button.btn-single-icon,.pagination a.btn-single-icon{background-color:var(--surface-on-surface);border:1px solid var(--border-tertiery);border-radius:2px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.pagination button.btn-single-icon svg,.pagination a.btn-single-icon svg{width:16px;height:16px}