.blog-navigation[data-v-c3b7fe65]{padding:var(--padding);width:100%;transition:all .5s;position:relative}@media (min-width:781px){.blog-navigation[data-v-c3b7fe65]{max-height:calc(100vh - 4.5rem - var(--margin)*2);top:calc(4.5rem + var(--margin));align-self:flex-start;position:sticky;overflow:hidden auto}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar{width:.25rem;height:.25rem}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar-track{background-color:var(--code-block-bg);border-radius:.75rem}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar-track:active{background-color:var(--code-block-bg)}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar-track:hover{background-color:var(--code-block-bg)}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar-thumb{background-color:var(--border-strong);border-radius:.75rem;transition:background .2s}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar-thumb:active{background-color:var(--accent)}.blog-navigation[data-v-c3b7fe65]::-webkit-scrollbar-thumb:hover{background-color:var(--accent)}}.blog-navigation__title[data-v-c3b7fe65]{color:inherit;cursor:default;align-items:center;gap:var(--gap);text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;margin:0;padding:0;display:flex}.blog-navigation__title[data-v-c3b7fe65]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.blog-navigation__title-text[data-v-c3b7fe65]{color:var(--foreground);margin-bottom:calc(var(--margin)/2);text-transform:uppercase;font-size:1rem;font-weight:700}.blog-navigation__chevron[data-v-c3b7fe65]{flex-shrink:0;transition:transform .3s}@media (min-width:781px){.blog-navigation__chevron[data-v-c3b7fe65]{display:none!important}}.blog-navigation__list[data-v-c3b7fe65]{margin:0;padding:0;list-style:none}.blog-navigation__item[data-v-c3b7fe65]{margin-bottom:calc(var(--margin)/2);font-size:1.125rem;position:relative}.blog-navigation__item[data-v-c3b7fe65]:last-child{margin-bottom:0}.blog-navigation__item[data-v-c3b7fe65]:before{background:var(--primary);content:"";opacity:0;border-radius:50%;width:.25rem;height:.25rem;transition:opacity .3s;position:absolute;top:.75rem;left:.5rem}.blog-navigation__item--active .blog-navigation__link[data-v-c3b7fe65]{color:var(--primary);cursor:default;transform:translate(1.5rem)}.blog-navigation__item--active[data-v-c3b7fe65]:before{opacity:1}.blog-navigation__item--subheading[data-v-c3b7fe65]{padding-left:.75rem;font-size:.875rem}.blog-navigation__item--subheading[data-v-c3b7fe65]:before{left:.75rem}.blog-navigation__item--subheading.blog-navigation__item--active .blog-navigation__link[data-v-c3b7fe65]{transform:translate(.75rem)}.blog-navigation__link[data-v-c3b7fe65]{color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;margin:0;padding:0 1.5rem 0 0;transition:color .5s,transform .5s;display:inline-block}@media (min-width:781px) and (hover:hover){.blog-navigation__link[data-v-c3b7fe65]:hover{color:var(--primary)}}@media (min-width:781px){.blog-navigation__link[data-v-c3b7fe65]:active{color:var(--primary)}}.blog-navigation__link[data-v-c3b7fe65]{-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:#0000}.blog-navigation__progress[data-v-c3b7fe65]{pointer-events:none;z-index:99;height:3px;display:flex;position:fixed;top:4.5rem;left:0;right:0}.blog-navigation__progress span[data-v-c3b7fe65]{background:var(--primary);width:0;height:100%}@media (max-width:780px){.blog-navigation[data-v-c3b7fe65]{background:color-mix(in srgb,var(--foreground) 8%,var(--card));border:1px solid color-mix(in srgb,var(--foreground) 18%,var(--border-strong));border-radius:var(--radius-lg);box-shadow:0 1px 0 color-mix(in srgb,var(--foreground) 6%,transparent);padding:0}.blog-navigation .blog-navigation__title[data-v-c3b7fe65]{cursor:pointer;min-height:3.25rem;padding:calc(var(--padding)*.65) var(--padding)}.blog-navigation .blog-navigation__title-text[data-v-c3b7fe65]{color:var(--foreground);margin-bottom:0;font-size:1rem}.blog-navigation .blog-navigation__chevron[data-v-c3b7fe65]{color:var(--muted-foreground);display:block}.blog-navigation--open .blog-navigation__chevron[data-v-c3b7fe65]{transform:rotate(-180deg)}.blog-navigation .blog-navigation__content[data-v-c3b7fe65]{border-top:1px solid color-mix(in srgb,var(--foreground) 8%,var(--border));display:none;overflow:hidden}.blog-navigation .blog-navigation__list[data-v-c3b7fe65]{padding:var(--padding)}.blog-navigation .blog-navigation__item[data-v-c3b7fe65]{font-size:1rem}.blog-navigation .blog-navigation__item--subheading[data-v-c3b7fe65]{font-size:.875rem}}