.nav{visibility:hidden;--nav-gap:1rem;padding:var(--nav-gap);z-index:1000;position:fixed;top:50%;right:0;transform:translateY(-50%)}.nav-item{visibility:hidden;flex-direction:row-reverse;align-items:center;margin-bottom:3rem;display:flex}.nav-link:hover~.nav-label{opacity:1;color:#6b7280;font-family:var(--font-secondary);font-size:1rem}.nav-label{visibility:hidden;color:var(--muted);opacity:0;font-size:1rem;font-family:var(--font-secondary);transition:opacity .2s,color .2s}.nav-link{visibility:hidden;background:var(--muted);opacity:.4;height:var(--nav-gap);margin-left:var(--nav-gap);width:var(--nav-gap);border-radius:50%;transition:transform .1s}.nav-link-selected{visibility:hidden;opacity:1;box-shadow:0 0 5px var(--primary),0 0 15px var(--primary),0 0 25px var(--primary);background:#c6f2ad;transition:background .3s,transform .2s;transform:scale(1.5)}.nav-link:hover~.nav-label-selected{color:var(--primary);font-family:var(--font-secondary);font-size:1rem}@media (min-width:1024px){.nav,.nav-item,.nav-link,.nav-label,.nav-link-selected{visibility:visible}}