.vlsecnav{z-index:40;display:none;position:fixed;top:50%;right:22px;transform:translateY(-50%)}@media (min-width:900px){.vlsecnav{display:block}}.vlsecnav-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.vlsecnav-item{justify-content:flex-end;display:flex}.vlsecnav-dot{cursor:pointer;justify-content:center;align-items:center;width:22px;height:22px;text-decoration:none;display:inline-flex;position:relative}.vlsecnav-mark{background:color-mix(in srgb, var(--vl-ink) 28%, transparent);border:1px solid #0000;border-radius:50%;width:9px;height:9px;transition:background .2s,transform .2s,box-shadow .2s}.vlsecnav-dot:hover .vlsecnav-mark,.vlsecnav-dot:focus-visible .vlsecnav-mark{background:var(--vl-violet);transform:scale(1.15)}.vlsecnav-dot.is-active .vlsecnav-mark{background:var(--vl-violet);box-shadow:0 0 0 4px color-mix(in srgb, var(--vl-violet) 18%, transparent);transform:scale(1.4)}.vlsecnav-label{white-space:nowrap;background:var(--vl-canvas-2);border:1px solid var(--vl-line);box-shadow:var(--vl-shadow-sm);color:var(--vl-ink);opacity:0;pointer-events:none;border-radius:999px;padding:5px 10px;font-size:.78rem;font-weight:600;line-height:1;transition:opacity .2s,transform .2s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)translate(6px)}.vlsecnav-dot:hover .vlsecnav-label,.vlsecnav-dot:focus-visible .vlsecnav-label,.vlsecnav:hover .vlsecnav-dot.is-active .vlsecnav-label,.vlsecnav:focus-within .vlsecnav-dot.is-active .vlsecnav-label{opacity:1;transform:translateY(-50%)translate(0)}.vlsecnav-dot:focus-visible{outline:2px solid var(--vl-violet);outline-offset:3px;border-radius:50%}@media (prefers-reduced-motion:reduce){.vlsecnav-mark,.vlsecnav-label{transition:none}}