.page-numbers{gap:8px;margin:0;list-style:none}.page-btn,.page-numbers{display:flex;align-items:center;justify-content:center;padding:0}.page-btn{width:48px;aspect-ratio:1;border-radius:50%;font-size:16px;line-height:1;font-weight:500;color:var(--text-color);background-color:transparent;border:1px solid var(--border);cursor:pointer;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out;outline:none}.page-btn:focus-visible{box-shadow:0 0 0 3px rgba(var(--primary-rgb,0 85 255)/.25)}.page-btn.active,.page-btn:hover{border-color:var(--primary);background-color:var(--primary);color:var(--white)}.page-btn.active,.page-ellipsis{pointer-events:none}.page-ellipsis{display:flex;align-items:center;justify-content:center;width:48px;aspect-ratio:1;font-size:14px;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--border)}@media screen and (max-width:575px){.page-btn,.page-ellipsis{width:36px;font-size:12px}}@media screen and (max-width:400px){.page-numbers{gap:4px}.page-btn,.page-ellipsis{width:24px;font-size:10px}}