.blog-chip{border:1px solid var(--color-pine-700);background-color:var(--color-pine-900);color:var(--color-moss-400);cursor:pointer;border-radius:9999px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:color .2s,border-color .2s,background-color .2s}.blog-chip:hover{color:var(--color-mint-50);border-color:var(--color-pine-700)}.blog-chip.active{color:var(--color-brand-300);background-color:#58d88b1a;border-color:#58d88b80}html.light .blog-chip.active{color:var(--color-brand-700);background-color:#58d88b24}