#dot-nav{display:flex;flex-direction:column;gap:20px;position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:9999}.dot-link{animation:blink 1.2s infinite;background:linear-gradient(90deg,#00aeee,#47bc87 50.5%,#97c93c)!important;border-radius:50%;cursor:pointer;height:14px;position:relative;transition:transform .3s,box-shadow .3s;width:14px}.dot-link:after{background-color:#000;border-radius:4px;color:#fff;content:attr(data-label);font-size:12px;opacity:0;padding:4px 8px;pointer-events:none;position:absolute;right:150%;top:50%;transform:translateY(-50%);transition:opacity .3s;white-space:nowrap}.dot-link.active{animation:none;box-shadow:0 0 10px 4px #47bc87aa;transform:scale(1.8)}.dot-link.active:after{opacity:1}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}html{scroll-behavior:smooth}