/* Volumetric vectors: geometry is SVG, animation never captures pointer/touch input. */
.dgm-animated-graphic { --dgm-svg-bg:var(--dgm-svg-bg-dark,#04152b); --dgm-svg-surface:#0b213d; --dgm-svg-text:#eaf7ff; }
html[data-dgm-theme="light"] .dgm-animated-graphic { --dgm-svg-bg:var(--dgm-svg-bg-light,#eaf4fb); --dgm-svg-surface:#f7fbfe; --dgm-svg-text:var(--dgm-light-text,#10253a); }
.dgm-svg-v171 .dgm-v171-label { fill:var(--dgm-svg-text,#eaf7ff); font:650 17px system-ui,-apple-system,"Segoe UI",sans-serif; }
.dgm-svg-v171 .dgm-v171-chart { stroke-dasharray:400; animation:dgm-v171-trace 6s ease-in-out infinite; }
@keyframes dgm-v171-trace { 0% { stroke-dashoffset:400; } 40%,100% { stroke-dashoffset:0; } }
.dgm-animated-graphic svg.dgm-svg-v170 { aspect-ratio:720/460; height:auto; overflow:hidden; }
html[data-dgm-theme="light"] .dgm-animated-graphic svg.dgm-svg-v170 > rect { fill:var(--dgm-svg-bg-light,#eaf4fb); }
.dgm-svg-v170 .dgm-v170-label { fill:var(--dgm-svg-text,#eaf7ff); font:650 16px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif; text-anchor:middle; letter-spacing:.1px; }
.dgm-svg-v170 .dgm-v170-heading { fill:var(--dgm-svg-text,#eaf7ff); font:650 13px system-ui,-apple-system,"Segoe UI",sans-serif; letter-spacing:1.2px; opacity:.82; }
.dgm-svg-v170 .dgm-v170-note { fill:var(--dgm-svg-text,#eaf7ff); font:500 10px ui-monospace,monospace; opacity:.55; letter-spacing:1px; }
.dgm-svg-v170 .dgm-v170-number { fill:var(--dgm-svg-text,#eaf7ff); font:750 21px ui-monospace,monospace; text-anchor:middle; }
.dgm-animated-graphic--brand-system .dgm-svg-v170 [data-dgm-label="3"] { font-size:24px; }
.dgm-svg-v170 .dgm-v170-track { fill:none; stroke:var(--dgm-svg-secondary,#168cff); stroke-width:2; opacity:.45; }
.dgm-svg-v170 .dgm-v170-flow { fill:none; stroke:var(--dgm-svg-accent,#00e7f0); stroke-width:2; stroke-dasharray:9 26; animation:dgm-svg-flow var(--dgm-svg-duration,5s) linear infinite; }
.dgm-svg-v170 .dgm-v170-ring { fill:none; stroke:var(--dgm-svg-accent,#00e7f0); stroke-width:2; opacity:.8; }
.dgm-svg-v170 .dgm-v170-ring-back { stroke:var(--dgm-svg-secondary,#168cff); opacity:.4; stroke-dasharray:5 7; }
.dgm-svg-v170 .dgm-v170-float { animation:dgm-svg-float calc(var(--dgm-svg-duration,5s)*1.4) ease-in-out infinite; }
.dgm-svg-v170 .dgm-v170-layer { animation:dgm-svg-layer calc(var(--dgm-svg-duration,5s)*1.6) ease-in-out infinite; }
.dgm-svg-v170 .dgm-v170-delay-1 { animation-delay:-1s; }.dgm-svg-v170 .dgm-v170-delay-2 { animation-delay:-2s; }.dgm-svg-v170 .dgm-v170-delay-3 { animation-delay:-3s; }
.dgm-svg-v170 .dgm-v170-core { animation:dgm-svg-core calc(var(--dgm-svg-duration,5s)*1.5) ease-in-out infinite; }
@keyframes dgm-svg-flow { to { stroke-dashoffset:-140; } }
@keyframes dgm-svg-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
@keyframes dgm-svg-layer { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-3px); } }
@keyframes dgm-svg-core { 0%,100% { opacity:1; } 50% { opacity:.72; } }
@media(prefers-reduced-motion:reduce){.dgm-svg-v170 *{animation:none!important}}