.section-indicator{z-index:100;align-items:center;height:calc(100vh - 65px);display:none;position:fixed;top:65px;left:24px}@media (min-width:1400px){.section-indicator{display:flex}}.section-indicator ul{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.section-indicator:hover li .label{opacity:1;visibility:visible;transform:translate(0)}.section-indicator li{position:relative}.section-indicator li button{cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:4px;transition:all .2s;display:flex}.section-indicator li button:hover .dot{background:#106fff;transform:scale(1.3)}.section-indicator li .dot{background:#cbd5e1;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .2s}.section-indicator li .label{white-space:nowrap;color:#475569;opacity:0;visibility:hidden;background:#fff;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;position:absolute;left:24px;transform:translate(-8px);box-shadow:0 2px 8px #0000001a}.section-indicator li.active .dot{background:#106fff;transform:scale(1.4);box-shadow:0 0 0 4px #106fff33}.section-indicator li.active .label{color:#106fff}