._categoryNav_17wmj_1{width:100%;max-width:100%;overflow:hidden}._categoryList_17wmj_7{--size:4;--category-bg:var(--color-bg);--category-fg:var(--color-text-primary);--category-hover-bg:color-mix(in oklch, var(--category-fg), var(--category-bg) 78%);max-width:100%;padding:2rem calc(var(--size) * 1ch);scrollbar-color:#0000 #0000;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#fff,#0000),linear-gradient(90deg,#fff 0 100%),linear-gradient(90deg,#0000,#fff);mask-image:linear-gradient(90deg,#fff,#0000),linear-gradient(90deg,#fff 0 100%),linear-gradient(90deg,#0000,#fff);-webkit-mask-size:calc(var(--size) * 1ch) 100%, 100% 100%, calc(var(--size) * 1ch) 100%;mask-size:calc(var(--size) * 1ch) 100%, 100% 100%, calc(var(--size) * 1ch) 100%;-webkit-mask-position:0 0,0 0,100% 0;mask-position:0 0,0 0,100% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;mask-composite:xor;-webkit-mask-size:0 100%, 100% 100%, calc(var(--size) * 1ch) 100%;mask-size:0 100%, 100% 100%, calc(var(--size) * 1ch) 100%;animation-name:_blog-category-size-up_17wmj_1,_blog-category-size-down_17wmj_1;animation-timing-function:linear;animation-timeline:scroll(self inline);animation-range:0 calc(var(--size) * 1ch), calc(100% - (var(--size) * 1ch)) 100%;background:var(--category-bg);clip-path:inset(0);gap:.25rem;margin:0;list-style-type:none;animation-fill-mode:both;display:flex;position:relative;overflow:auto;transform:translateZ(0)}._categoryList_17wmj_7::-webkit-scrollbar{display:none}._categoryList_17wmj_7:after{content:"";pointer-events:none;mix-blend-mode:difference;z-index:10;top:anchor(top);bottom:anchor(bottom);left:anchor(left);right:anchor(right);position-anchor:--blog-category-active;background:#fff;border-radius:999px;transition:all .26s ease-out;position:absolute}._categoryButton_17wmj_72{appearance:none;color:var(--category-fg);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:0 .25rem;text-decoration:none;display:inline-block}._categoryButton_17wmj_72 span{pointer-events:none;border-radius:100px;padding:.25rem .75rem;font-size:13px;line-height:1;transition:background .12s ease-out;display:inline-block}._categoryButton_17wmj_72:is(:hover,:focus-visible){outline-color:var(--category-fg)}._categoryButton_17wmj_72:is(:hover,:focus-visible):not([data-active=true]) span{background:var(--category-hover-bg)}._categoryButton_17wmj_72[data-active=true] span{anchor-name:--blog-category-active}@supports not (anchor-name:--blog-category-active){._categoryList_17wmj_7:after{display:none}._categoryButton_17wmj_72[data-active=true] span{background:var(--color-bg-elevated);color:var(--color-text-on-dark)}}@media (prefers-reduced-motion:reduce){._categoryList_17wmj_7:after,._categoryButton_17wmj_72 span{transition:none}}@keyframes _blog-category-size-up_17wmj_1{to{-webkit-mask-size:calc(var(--size) * 1ch) 100%, 100% 100%, calc(var(--size) * 1ch) 100%;mask-size:calc(var(--size) * 1ch) 100%, 100% 100%, calc(var(--size) * 1ch) 100%}}@keyframes _blog-category-size-down_17wmj_1{to{-webkit-mask-size:calc(var(--size) * 1ch) 100%, 100% 100%, 0 100%;mask-size:calc(var(--size) * 1ch) 100%, 100% 100%, 0 100%}}