@layer components{.blog-categories_wrap{gap:var(--space-2);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.blog-categories_wrap .blog-categories_item{border-radius:var(--radius-round);border:var(--stroke-1) solid var(--border);font-size:var(--text-small);color:var(--text-2);transition:color var(--dur-enter) var(--hover-ease), border-color var(--dur-enter) var(--hover-ease);padding:.3125rem .75rem;text-decoration:none}.blog-categories_wrap .blog-categories_item[aria-current=page]{border-color:var(--text);color:var(--text)}.blog-categories_wrap .blog-categories_item:focus-visible{outline:var(--stroke-2) solid var(--accent-line);outline-offset:.125rem}@media (hover:hover) and (pointer:fine){.blog-categories_wrap .blog-categories_item:hover{border-color:var(--text);color:var(--text)}}.blog-pagination_wrap{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-7);padding-top:var(--space-6);border-top:var(--stroke-1) solid var(--border);font-size:var(--text-small);font-variant-numeric:tabular-nums;flex-wrap:wrap;grid-column:1/-1;display:flex}.blog-pagination_wrap .blog-pagination_step,.blog-pagination_wrap .blog-pagination_pages a{border-radius:var(--radius-round);border:var(--stroke-1) solid var(--border);min-width:2.25rem;color:var(--text-2);transition:color var(--dur-enter) var(--hover-ease), border-color var(--dur-enter) var(--hover-ease);justify-content:center;align-items:center;padding:.3125rem .75rem;text-decoration:none;display:inline-flex}.blog-pagination_wrap .blog-pagination_step.is-disabled{color:var(--text-tertiary);opacity:.5}.blog-pagination_wrap .blog-pagination_step:last-child{margin-left:auto}.blog-pagination_wrap .blog-pagination_pages{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-pagination_wrap .blog-pagination_pages a[aria-current=page]{border-color:var(--text);color:var(--text)}.blog-pagination_wrap .blog-pagination_gap{color:var(--text-tertiary);align-self:center}@media (hover:hover) and (pointer:fine){.blog-pagination_wrap a:hover{border-color:var(--text);color:var(--text)}}.blog-pagination_wrap a:focus-visible{outline:var(--stroke-2) solid var(--accent-line);outline-offset:.125rem}}