.bpb-motion-hero { display: block; width: 100%; max-width: 360px; height: auto; margin-inline: auto; overflow: visible; }
.bpb-motion-shadow { fill: #14339A; opacity: .1; }
.bpb-motion-pb { fill: #1F4FD8; }
.bpb-motion-pb-top { fill: #14339A; }
.bpb-motion-pb-screen { fill: #14339A; }
.bpb-motion-led { fill: #F2B01E; }
.bpb-motion-bolt-pb { fill: #EEF3FF; }
.bpb-motion-cable { fill: none; stroke: #14339A; stroke-width: 7; stroke-linecap: round; }
.bpb-motion-flow { fill: none; stroke: #F2B01E; stroke-width: 4; stroke-linecap: round; stroke-dasharray: 2 18; animation: bpb-motion-flow 2.4s linear infinite; }
.bpb-motion-flow-2 { stroke: #EEF3FF; stroke-width: 2; animation-delay: -1.2s; }
.bpb-motion-ph { fill: #14339A; }
.bpb-motion-ph-screen { fill: #EEF3FF; }
.bpb-motion-cell { fill: none; stroke: #1F4FD8; stroke-width: 5; }
.bpb-motion-cell-cap { fill: #1F4FD8; }
.bpb-motion-fill { fill: #1F4FD8; transform-box: fill-box; transform-origin: 50% 100%; animation: bpb-motion-fill 12s ease-in-out infinite; }
.bpb-motion-bolt { fill: #F2B01E; stroke: #14339A; stroke-width: 1.5; stroke-linejoin: round; animation: bpb-motion-pulse 3s ease-in-out infinite; }
.bpb-motion-led-1 { animation: bpb-motion-led 12s ease-in-out infinite; }
.bpb-motion-led-2 { animation: bpb-motion-led 12s ease-in-out -.4s infinite; }
.bpb-motion-led-3 { animation: bpb-motion-led 12s ease-in-out -.8s infinite; }
.bpb-motion-led-4 { animation: bpb-motion-led 12s ease-in-out -1.2s infinite; }
@keyframes bpb-motion-flow { to { stroke-dashoffset: -20; } }
@keyframes bpb-motion-fill {
0% { transform: scaleY(.12); }
82%, 94% { transform: scaleY(1); }
100% { transform: scaleY(.12); }
}
@keyframes bpb-motion-pulse { 0%, 100% { opacity: 1; } 50% { opacity: .55; } }
@keyframes bpb-motion-led { 0%, 100% { opacity: 1; } 50% { opacity: .75; } } .bpb-motion-foot { display: block; width: 100%; overflow: hidden; background: #EEF3FF; border: 0; margin: 0; padding: 0; }
.bpb-motion-foot + .ct-footer, .bpb-motion-foot + #footer.ct-footer { margin-top: 0; border-top: 0; }
.bpb-motion-strip { display: flex; justify-content: center; align-items: center; padding: 20px 16px 8px; }
.bpb-motion-foot .bpb-motion-hero { max-width: 120px; }
.bpb-js .bpb-motion-foot:not(.is-on) .bpb-motion-strip * { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
.bpb-motion-flow, .bpb-motion-fill, .bpb-motion-bolt, .bpb-motion-led { animation: none; } .bpb-motion-fill { transform: scaleY(.6); }
.bpb-motion-flow { stroke-dashoffset: 0; }
}