.zv-ring{position:fixed;z-index:60;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;pointer-events:none;opacity:0}.zv-ring svg{width:56px;height:56px;transform:rotate(-90deg)}.zv-ring circle{fill:none;stroke:var(--kleur-merk);stroke-width:2;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:163.4}.zv-houdt .zv-ring{opacity:1}.zv-houdt .zv-ring circle{transition:stroke-dashoffset .45s linear;stroke-dashoffset:0}.zv-zoomt .zv-ring{opacity:0;transition:opacity var(--veer-dicht) var(--veer-curve)}.zv-ladder{position:fixed;z-index:60;width:140px;pointer-events:none;opacity:0;transform:scale(.96);transition:opacity var(--veer-dicht) var(--veer-curve),transform var(--veer-dicht) var(--veer-curve)}.zv-zoomt .zv-ladder{opacity:1;transform:none;transition:opacity var(--veer-open) var(--veer-curve),transform var(--veer-open) var(--veer-curve)}.zv-lijn{position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:1px;background:var(--kleur-lijn);opacity:.5}.zv-stap{position:absolute;left:-3px;display:flex;align-items:center;gap:var(--stap-1);transform:translateY(-50%);color:var(--kleur-tekst-zacht);transition:color var(--tijd-kleur)}.zv-stap i{width:8px;height:2px;border-radius:1px;background:var(--kleur-lijn)}.zv-stap b{font:var(--gewicht-normaal) var(--tekst-s)/1 var(--letter);padding:var(--stap-1) var(--stap-2);border-radius:var(--hoek-bediening);background:var(--capsule-bg);box-shadow:var(--schaduw-pil);white-space:nowrap}.zv-stap.nu{color:var(--kleur-merk-donker)}.zv-stap.nu b{font-weight:var(--gewicht-half)}.zv-stip{position:absolute;left:-5px;width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--kleur-merk);box-shadow:0 0 0 3px var(--kleur-kaartje),var(--schaduw-pil);transition:top var(--druk-in) linear}.zv-zoomt #boven{opacity:.35}@media(prefers-reduced-motion:reduce){.zv-houdt .zv-ring circle{transition:none;stroke-dashoffset:0}.zv-ring,.zv-ladder,.zv-stip{transition:none}}