.dot-nav{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:1000;display:none}@media (min-width:1024px){.dot-nav{display:block}}.dot-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.25rem}.dot-nav li{display:flex;align-items:center}.dot-nav-link{display:block;width:12px;height:12px;background-color:transparent;border:2px solid hsl(var(--muted-foreground)/.5);border-radius:50%;position:relative;transition:all .3s ease;cursor:pointer}.dot-nav-link.active,.dot-nav-link:hover{background-color:hsl(var(--primary));border-color:hsl(var(--primary));transform:scale(1.3)}.dot-nav-tooltip{visibility:hidden;opacity:0;position:absolute;top:50%;right:150%;transform:translateY(-50%);background-color:hsl(var(--background));color:hsl(var(--foreground));white-space:nowrap;padding:6px 12px;border-radius:var(--radius);font-size:.875rem;transition:visibility .3s,opacity .3s;border:1px solid hsl(var(--border));box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.dot-nav-link:hover .dot-nav-tooltip{visibility:visible;opacity:1;transition:opacity .3s ease}