.voidr-product{--diagram-line: #7a8aa0;--diagram-icon: #617894;--diagram-border: #acbdd3;--diagram-text: #50657f}.vp-story{--vpm-duration: 9s;width:100%;max-width:370px;margin:auto auto 0;padding-top:15px;border-top:1px solid #dfe6f0}.vp-story>svg{width:100%;height:auto;display:block;margin-top:13px;color:#637d9f;stroke-width:1.2}.vp-story svg text{font-family:inherit;font-weight:300;font-size:11px;fill:#526983;letter-spacing:-.02em}.vp-story svg :is(path,rect,circle){vector-effect:non-scaling-stroke}.vpm-panel,.vpm-node rect{fill:#fff;stroke:#a7b9d1;stroke-width:1;filter:drop-shadow(0 2px 0 #eaf0f7)}.vpm-node rect{animation:vpm-node-active var(--vpm-duration) ease infinite}.vpm-wire{stroke:#91a3bb;stroke-width:1;fill:none}.vpm-travel{stroke:#3770c8;stroke-width:1.6;stroke-dasharray:.12 .88;opacity:0;animation:vpm-travel var(--vpm-duration) ease infinite}.vpm-phase-2{animation-delay:1.5s}.vpm-phase-3{animation-delay:3s}.vpm-node.vpm-phase-2 rect{animation-delay:1.5s}.vpm-node.vpm-phase-3 rect{animation-delay:3s}.vpm-reveal{animation:vpm-reveal var(--vpm-duration) ease infinite}.vpm-reveal.vpm-phase-3{animation-delay:0s}.vpm-check{color:#326abe}.vpm-row rect{fill:#7399ce}.vpm-row path{stroke:#8599b3}.vpm-row{animation:vpm-row var(--vpm-duration) ease infinite}.vpm-row-1{animation-delay:.18s}.vpm-row-2{animation-delay:.36s}.vpm-row-3{animation-delay:.54s}.vpm-row-4{animation-delay:.72s}.vpm-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:37px}.vpm-stages span{display:flex;gap:5px;align-items:baseline;padding-top:7px;border-top:2px solid #dbe4f0;font-size:10px;line-height:1.4;color:#60718a;animation:vpm-stage var(--vpm-duration) linear infinite}.vpm-stages i{font:inherit;font-size:8px;color:#7b8faa}.vpm-stages .vpm-stage-2{animation-delay:2.4s}.vpm-stages .vpm-stage-3{animation-delay:4.8s}.vpm-outcome{display:flex;justify-content:center;align-items:center;gap:6px;border-top:1px solid #e2e9f3;padding:10px 3px 4px;color:#52729d;font-size:11px;min-height:32px}.vpm-context-links path{stroke:#698ab8}.vpm-context-links circle{fill:#fff;stroke:#6d91c4;animation:vpm-node-active var(--vpm-duration) ease infinite}.vpm-backplate{fill:#edf3fc;stroke:#bfcee0}.vpm-data-mask{fill:#4277c0!important;animation:vpm-mask var(--vpm-duration) ease infinite}.vpm-limit path{stroke:#5481bd;stroke-width:2;animation:vpm-node-active var(--vpm-duration) ease infinite}.vpm-queue{fill:#d1e0f5;stroke:#809dc4;animation:vpm-queue var(--vpm-duration) ease infinite}.vpm-queue-1{animation-delay:.18s}.vpm-queue-2{animation-delay:.36s}.vpm-queue-3{animation-delay:.54s}.vpm-partner-status{fill:#a96042;stroke:#fff;stroke-width:2;animation:vpm-recover var(--vpm-duration) ease infinite}.vpm-response rect{fill:#f1f6fd;stroke:#a4bad6}.vpm-response-ok{animation:vpm-response-ok var(--vpm-duration) linear infinite}.vpm-response-fail{animation:vpm-response-fail var(--vpm-duration) linear infinite}.vpm-response-fail rect{fill:#fff5ee;stroke:#be967c}.vpm-monitor-pulse{stroke:#4d83ca;stroke-width:1.2;stroke-dasharray:1;animation:vpm-scan var(--vpm-duration) ease infinite}.vpm-fault circle{fill:#fff3ed;stroke:#ad795f}.vpm-fault{color:#a55f3d;animation:vpm-fault var(--vpm-duration) ease infinite}.vpm-timeline-dot{fill:#fff;stroke:#829abb}.vpm-evidence{fill:#5586cd;stroke:#fff}.vpm-correlation{stroke:#447cc5;stroke-width:1.2;animation:vpm-correlation var(--vpm-duration) ease infinite;transform-origin:151px 145px}.vpm-diff path{stroke:#5d89c4;stroke-width:1.3;animation:vpm-mask var(--vpm-duration) ease infinite}.vpm-review-box{fill:#f1f6fe;stroke:#87a6d0}.vpm-echo-check rect{fill:#eff5fd;stroke:#98b1d3}.vpm-echo-check{color:#3e74bb;animation:vpm-row var(--vpm-duration) ease infinite}.vpm-assigned circle{fill:#eaf2fe;stroke:#7c9bc6}.vpm-assigned{color:#326bc0;animation:vpm-row var(--vpm-duration) ease infinite}.vpm-retest circle{fill:#f1f6fd;stroke:#8fa9cd}.vpm-retest svg{transform-box:fill-box;transform-origin:center;animation:vpm-retest var(--vpm-duration) ease infinite}@keyframes vpm-travel{0%,8%{stroke-dashoffset:1;opacity:0}13%{opacity:1}38%{stroke-dashoffset:-.12;opacity:1}45%,to{stroke-dashoffset:-.12;opacity:0}}@keyframes vpm-node-active{0%,to{fill:#fff}18%,40%{fill:#e9f2ff}65%{fill:#fff}}@keyframes vpm-reveal{0%,30%,to{opacity:.25}52%,85%{opacity:1}}@keyframes vpm-row{0%,20%,to{opacity:.35}43%,85%{opacity:1}}@keyframes vpm-stage{0%,26%{border-color:#5d87c1;color:#294f83}34%,to{border-color:#dbe4f0;color:#60718a}}@keyframes vpm-mask{0%,10%,to{opacity:.2}30%,85%{opacity:1}}@keyframes vpm-queue{0%,12%,to{opacity:.2;transform:translateY(-6px)}30%,55%{opacity:1;transform:none}74%,87%{opacity:.2;transform:translate(10px)}}@keyframes vpm-recover{0%,48%,to{fill:#a96042}62%,88%{fill:#4f80c4}}@keyframes vpm-response-ok{0%,18%,76%,to{opacity:1}23%,71%{opacity:0}}@keyframes vpm-response-fail{0%,18%,76%,to{opacity:0}23%,71%{opacity:1}}@keyframes vpm-scan{0%,to{stroke-dashoffset:1}30%,85%{stroke-dashoffset:0}}@keyframes vpm-fault{0%,22%,to{opacity:.15}35%,85%{opacity:1}}@keyframes vpm-correlation{0%,24%,to{opacity:.15;transform:scale(1.5)}48%,85%{opacity:1;transform:none}}@keyframes vpm-retest{0%,50%,to{transform:rotate(0)}74%,88%{transform:rotate(360deg)}}@media(max-width:540px){.vpm-stages span{font-size:10px}.vp-story{max-width:350px}}@media(prefers-reduced-motion:reduce){.vp-story *{animation:none!important}.vpm-travel,.vpm-response-fail{display:none}.vpm-partner-status{fill:#4f80c4}}
