.blog-category-nav{position:relative}.blog-category-nav__list{margin:0;padding:0;list-style:none}.blog-category-nav__item{position:relative}.blog-category-nav__row{display:flex;align-items:center;gap:.35rem;border:1px solid rgb(var(--color-border-rgb));border-radius:var(--radius-card);background:#fff;transition:border-color .15s ease,background-color .15s ease}.blog-category-nav__link{display:block;min-width:0;flex:1 1 auto;padding:.75rem 1rem .75rem .75rem;color:rgb(var(--color-text-rgb));font-size:.875rem;font-weight:800;line-height:1.75}.blog-category-nav__row--depth-1 .blog-category-nav__link{padding-right:1.75rem}.blog-category-nav__row--depth-2 .blog-category-nav__link{padding-right:2.5rem}.blog-category-nav__row--depth-3 .blog-category-nav__link{padding-right:3.25rem}.blog-category-nav__link.is-active{color:rgb(var(--color-primary-rgb));font-weight:950}.blog-category-nav__toggle{display:inline-flex;width:2rem;height:2rem;flex:0 0 auto;align-items:center;justify-content:center;margin-left:.35rem;border-radius:999px;color:rgb(var(--color-text-muted-rgb));transition:background-color .15s ease,color .15s ease,transform .15s ease}.blog-category-nav__toggle:focus-visible,.blog-category-nav__toggle:hover{background:rgb(var(--color-surface-subtle-rgb));color:rgb(var(--color-primary-rgb))}.blog-category-nav__item.is-open>.blog-category-nav__row .blog-category-nav__toggle{transform:rotate(180deg)}.blog-category-nav__submenu{display:none;margin-top:.35rem;padding-right:.65rem;border-right:2px solid rgb(var(--color-border-rgb))}.blog-category-nav__submenu.is-open{display:block}.blog-category-nav__submenu .blog-category-nav__row{margin-bottom:.35rem;background:rgb(var(--color-surface-subtle-rgb))}.blog-category-nav__item.is-active-branch>.blog-category-nav__row,.blog-category-nav__row:focus-within,.blog-category-nav__row:hover{border-color:rgb(var(--color-primary-rgb));background:rgba(var(--color-primary-rgb),.05)}@media(min-width:768px){.blog-category-nav__list--root{display:flex;flex-direction:column;gap:.5rem}.blog-category-nav__item:focus-within>.blog-category-nav__submenu,.blog-category-nav__item:hover>.blog-category-nav__submenu,.blog-category-nav__submenu.is-open{display:block}.blog-category-nav__submenu{position:absolute;top:0;right:calc(100% + .5rem);z-index:30;width:min(16rem,calc(100vw - 2rem));max-height:min(70vh,32rem);overflow:auto;margin-top:0;padding:.5rem;border:1px solid rgb(var(--color-border-rgb));border-radius:var(--radius-card);background:#fff;box-shadow:0 18px 40px #0f172a1f}.blog-category-nav__submenu .blog-category-nav__row{margin-bottom:.4rem}.blog-category-nav__submenu .blog-category-nav__submenu{right:calc(100% + .5rem)}}