@layer components{.pagination{inline-size:100%;margin-block:1.5rem}.pagination .pagination-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin:0;padding:0;list-style:none}.pagination .page-link{display:inline-flex;justify-content:center;align-items:center;min-inline-size:2.25rem;block-size:2.25rem;padding-inline:.625rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s ease}.pagination .page-link:hover{background:var(--color-hover)}.pagination .page-link.page-link--active{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-white)}html.dark .pagination .page-link.page-link--active{color:var(--color-black)}}