@layer base,variables;@layer mixins{.blog-category-nav{scrollbar-width:none;-ms-overflow-style:none}.blog-category-nav::-webkit-scrollbar{width:0;height:0;display:none}}@layer shared;.blog-category-nav{align-items:center;gap:var(--spacing-xl);padding:var(--spacing-3xs) var(--spacing-xs);background:var(--surface-lighter);border-radius:12px;display:flex;overflow-x:auto}@media (min-width:800px){.blog-category-nav{background:0 0;border-radius:0;padding:0}}.blog-category-nav__link{align-items:center;gap:var(--spacing-2xs);border-radius:var(--border-radius-sm);height:36px;color:var(--text-body);font:var(--body-md-regular);flex-shrink:0;transition:color .2s;display:flex}@media (hover:hover){.blog-category-nav__link:hover{color:var(--text-light)}}.blog-category-nav__link.is-active{padding-inline:var(--spacing-sm);background:var(--surface-lightest);color:var(--text-light);font:var(--body-md-semibold)}.blog-category-nav__icon{fill:currentColor;flex-shrink:0;width:20px;height:20px}