.blog-section-nav{z-index:100;pointer-events:auto;position:fixed;top:50%;left:max(1rem,50% - 500px);transform:translateY(-50%)}.blog-section-nav-pills{flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;height:40vh;min-height:120px;max-height:400px;display:flex}.blog-section-nav-item{flex:1;align-items:center;width:100%;min-height:24px;display:flex;position:relative}.blog-section-nav-pill{cursor:pointer;background:#00abf040;border:none;border-radius:4px;flex:1;align-self:stretch;width:4px;min-height:24px;padding:0;transition:background .25s,width .25s,box-shadow .25s}.blog-section-nav-item:hover .blog-section-nav-pill,.blog-section-nav-pill:focus-visible{background:#00abf08c;width:5px;box-shadow:0 0 6px #00abf059}.blog-section-nav-pill.active{background:var(--font-primary-color);width:5px;box-shadow:0 0 8px #00abf080}.blog-section-nav-label{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;text-transform:uppercase;max-width:220px;color:var(--font-highlight-color);opacity:0;pointer-events:none;background:#00abf0;border:1px solid #00abf059;border-radius:5px 20px 20px 5px;padding:.3rem .65rem;font-size:.7rem;font-weight:600;transition:opacity .2s,transform .2s;position:absolute;top:50%;left:calc(100% + .65rem);overflow:hidden;transform:translateY(-50%)translate(-6px)}.blog-section-nav-item:hover .blog-section-nav-label,.blog-section-nav-item:focus-within .blog-section-nav-label{opacity:1;transform:translateY(-50%)translate(0)}@media (max-width:1000px){.blog-section-nav{display:none}}