.component-group.highlighted .motor-piece,.flow-node.active .motor-piece{--anatomy-shade-0:#72a0d0;--anatomy-shade-1:#99bae0;--anatomy-shade-2:#bdd6f0;--anatomy-shade-3:#dfedfb;--anatomy-top:#eef7ff;--anatomy-mid:#306da6;--anatomy-hi:#0a4b9f;--anatomy-lo:#6e9fc8}
.components-svg .component-art{overflow:visible}.component-group .motor-piece{transition:none}.system-circuit{stroke:#bad0e6;stroke-width:2;stroke-dasharray:4 8}.component-group{cursor:default}.feature-visual>.components-svg{height:220px;width:90%;margin-top:10px;position:relative;z-index:1}.flow-halo{fill:#ecf2f9;opacity:.75;stroke:none}.flow-node.active .flow-halo{fill:#dceafa;opacity:1}.flow-node .flow-title{font-size:17px;fill:#304e70;font-weight:600;text-anchor:middle}.flow-node .node-small{font-size:12px;fill:#8396ad;text-anchor:middle}.flow-node.active .flow-title{fill:#0a4b9f}.components-svg .flow-label{font-size:11px;fill:#8197b1}.components-svg.motion-paused .flow-path,.components-svg.still .flow-path{animation-play-state:paused!important}.detail-visual:has([data-component-detail]){padding:30px 32px}.component-art .motor-piece .tb-body{fill:var(--anatomy-shade-2)}
@media(prefers-reduced-motion:reduce){.components-svg .flow-path.active{animation:none}.component-group{transition:none}}