.interactive-nav>nav{position:relative}.interactive-nav>nav:after{content:"";position:absolute;left:0;bottom:0;width:10px;height:10px;background:hsl(var(--accent));border-radius:50%;transform:translateX(var(--translate-x,0)) translateY(var(--translate-y,0)) rotate(var(--rotate-x,0deg));transition:none;opacity:0;z-index:10;box-shadow:0 2px 12px hsla(var(--accent),.7),0 1px 4px hsla(var(--accent),.5);border:1px solid hsla(var(--accent),.8)}.dark .interactive-nav>nav:after{box-shadow:0 2px 16px hsla(var(--accent),.8),0 1px 8px hsla(var(--accent),.6)}.interactive-nav>nav.show-indicator:after{opacity:1}.interactive-nav .nav-item{transition:all .2s cubic-bezier(.4,0,.2,1)}