html{scroll-behavior:smooth}.scrollspy{position:fixed;right:var(--spacing);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;z-index:1000}.scrollspy .dot{position:relative;width:12px;height:12px;border-radius:50%;background:#bbb;display:block;cursor:pointer}.scrollspy .dot.active{background:#111}.scrollspy .label{position:absolute;right:24px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:16px;background:rgba(0,0,0,.75);color:#fff;padding:4px 8px;border-radius:4px;opacity:0;pointer-events:none;transition:opacity .2s ease}@media(min-width: 992px){.scrollspy .dot .label{opacity:1;background-color:rgba(0,0,0,0);color:#333}}.scrollspy .dot:hover .label{opacity:1}