<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="cache-control" content="no-cache, must-revalidate">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Dynalgo - It works example</title>
<style>
html,
body {
margin: 0;
padding: 0;
overflow: hidden;
}
#svg_dynalgo {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100vh;
}
</style>
<script>
function pause(svg) {
if (svg.animationsPaused()) {
svg.unpauseAnimations();
} else {
svg.pauseAnimations();
}
}
</script>
</head>
<body>
<svg id="svg_dynalgo" onclick="pause(this)" viewBox="-40 -40 80 80" preserveAspectRatio="xMidYMid meet">
<path id="a24" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M500 500 L58 -105 Z" />
<g id="liba24" opacity="0">
<text id="ma24" x="279" y="197" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="a22" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M207 204 L-40 -204 Z" />
<g id="liba22" opacity="0">
<text id="ma22" x="83" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="m20" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M237 40 L-36 285 Z" />
<g id="libm20" opacity="0">
<text id="mm20" x="100" y="162" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="b19" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M237 40 L244 -246 Z" />
<g id="libb19" opacity="0">
<text id="mb19" x="240" y="-103" dx="-5" dy="-5" fill="rgb(0,0,0)">20</text>
</g>
<path id="c18" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M244 -246 L-42 -240 Z" />
<g id="libc18" opacity="0">
<text id="mc18" x="101" y="-243" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="a17" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-42 -240 L237 40 Z" />
<g id="liba17" opacity="0">
<text id="ma17" x="97" y="-100" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="l16" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M-42 -240 L-286 34 Z" />
<g id="libl16" opacity="0">
<text id="ml16" x="-164" y="-103" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="n15" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M242 -249 L-242 249 Z" />
<g id="libn15" opacity="0">
<text id="mn15" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="m14" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M58 -253 L-263 253 Z" />
<g id="libm14" opacity="0">
<text id="mm14" x="-102" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="l13" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M196 -81 L-57 229 Z" />
<g id="libl13" opacity="0">
<text id="ml13" x="69" y="74" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="c12" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M241 -229 L-241 -229 Z" />
<g id="libc12" opacity="0">
<text id="mc12" x="0" y="-229" dx="-5" dy="-5" fill="rgb(0,0,0)">30</text>
</g>
<path id="b11" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M219 -260 L-219 -260 Z" />
<g id="libb11" opacity="0">
<text id="mb11" x="0" y="-260" dx="-5" dy="-5" fill="rgb(0,0,0)">20</text>
</g>
<path id="a9" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liba9" opacity="0">
<text id="ma9" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">10</text>
</g>
<path id="z6" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libz6" opacity="0">
<text id="mz6" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">26</text>
</g>
<path id="y5" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="liby5" opacity="0">
<text id="my5" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">25</text>
</g>
<path id="x4" stroke-width="2" opacity="0" stroke="rgb(0,0,255)" d="M0 0 L0 0 Z" />
<g id="libx4" opacity="0">
<text id="mx4" x="0" y="0" dx="-5" dy="-5" fill="rgb(0,0,0)">24</text>
</g>
<g id="X1" opacity="0">
<circle id="cX1" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coX1" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">X</text>
</g>
<g id="Y2" opacity="0">
<circle id="cY2" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coY2" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">Y</text>
</g>
<g id="Z3" opacity="0">
<circle id="cZ3" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coZ3" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">Z</text>
</g>
<animate xlink:href="#y5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#liby5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biy5" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#z6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libz6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#biz6" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#x4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#libx4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#bix4" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#Y2" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#X1" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate xlink:href="#Z3" attributeName="opacity" from="0" to="1" dur="1000ms" begin="0ms" fill="freeze"/>
<animate attributeName="viewBox" from="-40 -40 80 80" to="-138 -154 292 308" begin="1000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#y5" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M114 3 L-95 -114 Z" />
<animateMotion xlink:href="#liby5" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 9 -55" />
<animate xlink:href="#y5" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#z6" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-95 -114 L-98 114 Z" />
<animateMotion xlink:href="#libz6" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l -96 0" />
<animate xlink:href="#z6" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animate xlink:href="#x4" begin="1000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-98 114 L114 3 Z" />
<animateMotion xlink:href="#libx4" begin="1000ms" dur="1000ms" fill="freeze" path="m 0 0 l 8 58" />
<animate xlink:href="#x4" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#Y2" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 114 3" />
<animate xlink:href="#cY2" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#X1" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -98 114" />
<animate xlink:href="#cX1" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<animateMotion xlink:href="#Z3" begin="1000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -95 -114" />
<animate xlink:href="#cZ3" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="1000ms" fill="freeze"/>
<g id="A7" opacity="0">
<circle id="cA7" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA7" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">A</text>
</g>
<g id="B8" opacity="0">
<circle id="cB8" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coB8" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">B</text>
</g>
<animate attributeName="viewBox" from="-138 -154 292 308" to="-215 -230 430 460" begin="2000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-95 -114 L-98 114 Z;M-151 190 L15 190 Z" />
<animateMotion xlink:href="#libz6" begin="2000ms" dur="1000ms" fill="freeze" path="m -96 0 l 28 190" />
<animate xlink:href="#y5" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M114 3 L-95 -114 Z;M175 190 L-151 190 Z" />
<animateMotion xlink:href="#liby5" begin="2000ms" dur="1000ms" fill="freeze" path="m 9 -55 l 3 245" />
<animate xlink:href="#a9" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M0 0 L0 0 Z;M-175 -190 L75 -190 Z" />
<animateMotion xlink:href="#liba9" begin="2000ms" dur="1000ms" fill="freeze" path="m 0 0 l -50 -190" />
<animate xlink:href="#a9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#liba9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#bia9" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animate xlink:href="#x4" begin="2000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-98 114 L114 3 Z;M15 190 L175 190 Z" />
<animateMotion xlink:href="#libx4" begin="2000ms" dur="1000ms" fill="freeze" path="m 8 58 l 87 132" />
<animateMotion xlink:href="#Y2" begin="2000ms" dur="1000ms"
fill="freeze" path="m 114 3 l 61 187" />
<animateMotion xlink:href="#X1" begin="2000ms" dur="1000ms"
fill="freeze" path="m -98 114 l 113 76" />
<animateMotion xlink:href="#A7" begin="2000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -175 -190" />
<animate xlink:href="#A7" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animateMotion xlink:href="#B8" begin="2000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 75 -190" />
<animate xlink:href="#B8" attributeName="opacity" from="0" to="1" dur="1000ms" begin="2000ms" fill="freeze"/>
<animateMotion xlink:href="#Z3" begin="2000ms" dur="1000ms"
fill="freeze" path="m -95 -114 l -56 304" />
<g id="C10" opacity="0">
<circle id="cC10" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coC10" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">C</text>
</g>
<animate xlink:href="#a9" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#cA7" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#cB8" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate xlink:href="#C10" attributeName="opacity" from="0" to="1" dur="1000ms" begin="3000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-215 -230 430 460" to="-259 -300 518 600" begin="4000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#z6" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-151 190 L15 190 Z;M-146 260 L13 260 Z" />
<animateMotion xlink:href="#libz6" begin="4000ms" dur="1000ms" fill="freeze" path="m -68 190 l 2 70" />
<animate xlink:href="#y5" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M175 190 L-151 190 Z;M172 260 L-146 260 Z" />
<animateMotion xlink:href="#liby5" begin="4000ms" dur="1000ms" fill="freeze" path="m 12 190 l 1 70" />
<animate xlink:href="#a9" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-175 -190 L75 -190 Z;M36 -260 L219 -260 Z" />
<animateMotion xlink:href="#liba9" begin="4000ms" dur="1000ms" fill="freeze" path="m -50 -190 l 177 -70" />
<animate xlink:href="#x4" begin="4000ms" fill="freeze" attributeName="d" dur="1000ms" values="M15 190 L175 190 Z;M13 260 L172 260 Z" />
<animateMotion xlink:href="#libx4" begin="4000ms" dur="1000ms" fill="freeze" path="m 95 190 l -3 70" />
<animateMotion xlink:href="#Y2" begin="4000ms" dur="1000ms"
fill="freeze" path="m 175 190 l -3 70" />
<animateMotion xlink:href="#X1" begin="4000ms" dur="1000ms"
fill="freeze" path="m 15 190 l -2 70" />
<animateMotion xlink:href="#A7" begin="4000ms" dur="1000ms"
fill="freeze" path="m -175 -190 l 211 -70" />
<animateMotion xlink:href="#B8" begin="4000ms" dur="1000ms"
fill="freeze" path="m 75 -190 l 144 -70" />
<animateMotion xlink:href="#C10" begin="4000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -219 -260" />
<animate xlink:href="#cC10" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="4000ms" fill="freeze"/>
<animateMotion xlink:href="#Z3" begin="4000ms" dur="1000ms"
fill="freeze" path="m -151 190 l 5 70" />
<animate xlink:href="#b11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="5000ms" fill="freeze"/>
<animate xlink:href="#libb11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="5000ms" fill="freeze"/>
<animate xlink:href="#bib11" attributeName="opacity" from="0" to="1" dur="1000ms" begin="5000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-259 -300 518 600" to="-281 -269 562 538" begin="6000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#b11" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M219 -260 L-219 -260 Z;M3 -229 L241 -229 Z" />
<animateMotion xlink:href="#libb11" begin="6000ms" dur="1000ms" fill="freeze" path="m 0 0 l 122 31" />
<animate xlink:href="#b11" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="6000ms" fill="freeze"/>
<animate xlink:href="#z6" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-146 260 L13 260 Z;M-228 229 L-69 229 Z" />
<animateMotion xlink:href="#libz6" begin="6000ms" dur="1000ms" fill="freeze" path="m -66 260 l -82 -31" />
<animate xlink:href="#y5" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M172 260 L-146 260 Z;M92 229 L-228 229 Z" />
<animateMotion xlink:href="#liby5" begin="6000ms" dur="1000ms" fill="freeze" path="m 13 260 l -81 -31" />
<animate xlink:href="#a9" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M36 -260 L219 -260 Z;M-241 -229 L3 -229 Z" />
<animateMotion xlink:href="#liba9" begin="6000ms" dur="1000ms" fill="freeze" path="m 127 -260 l -246 31" />
<animate xlink:href="#x4" begin="6000ms" fill="freeze" attributeName="d" dur="1000ms" values="M13 260 L172 260 Z;M-69 229 L92 229 Z" />
<animateMotion xlink:href="#libx4" begin="6000ms" dur="1000ms" fill="freeze" path="m 92 260 l -81 -31" />
<animateMotion xlink:href="#Y2" begin="6000ms" dur="1000ms"
fill="freeze" path="m 172 260 l -80 -31" />
<animateMotion xlink:href="#X1" begin="6000ms" dur="1000ms"
fill="freeze" path="m 13 260 l -82 -31" />
<animateMotion xlink:href="#A7" begin="6000ms" dur="1000ms"
fill="freeze" path="m 36 -260 l -277 31" />
<animateMotion xlink:href="#B8" begin="6000ms" dur="1000ms"
fill="freeze" path="m 219 -260 l -216 31" />
<animateMotion xlink:href="#C10" begin="6000ms" dur="1000ms"
fill="freeze" path="m -219 -260 l 460 31" />
<animateMotion xlink:href="#Z3" begin="6000ms" dur="1000ms"
fill="freeze" path="m -146 260 l -82 -31" />
<animate xlink:href="#c12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="7000ms" fill="freeze"/>
<animate xlink:href="#libc12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="7000ms" fill="freeze"/>
<animate xlink:href="#bic12" attributeName="opacity" from="0" to="1" dur="1000ms" begin="7000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-281 -269 562 538" to="-236 -269 472 538" begin="8000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#b11" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M3 -229 L241 -229 Z;M-23 -229 L196 -229 Z" />
<animateMotion xlink:href="#libb11" begin="8000ms" dur="1000ms" fill="freeze" path="m 122 31 l -36 0" />
<animate xlink:href="#z6" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-228 229 L-69 229 Z;M-196 229 L-57 229 Z" />
<animateMotion xlink:href="#libz6" begin="8000ms" dur="1000ms" fill="freeze" path="m -148 229 l 22 0" />
<animate xlink:href="#y5" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M92 229 L-228 229 Z;M109 229 L-196 229 Z" />
<animateMotion xlink:href="#liby5" begin="8000ms" dur="1000ms" fill="freeze" path="m -68 229 l 25 0" />
<animate xlink:href="#c12" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M241 -229 L-241 -229 Z;M196 -229 L196 -81 Z" />
<animateMotion xlink:href="#libc12" begin="8000ms" dur="1000ms" fill="freeze" path="m 0 0 l 196 74" />
<animate xlink:href="#c12" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="8000ms" fill="freeze"/>
<animate xlink:href="#a9" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-241 -229 L3 -229 Z;M196 -81 L-23 -229 Z" />
<animateMotion xlink:href="#liba9" begin="8000ms" dur="1000ms" fill="freeze" path="m -119 -229 l 205 74" />
<animate xlink:href="#x4" begin="8000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-69 229 L92 229 Z;M-57 229 L109 229 Z" />
<animateMotion xlink:href="#libx4" begin="8000ms" dur="1000ms" fill="freeze" path="m 11 229 l 15 0" />
<animateMotion xlink:href="#Y2" begin="8000ms" dur="1000ms"
fill="freeze" path="m 92 229 l 17 0" />
<animateMotion xlink:href="#X1" begin="8000ms" dur="1000ms"
fill="freeze" path="m -69 229 l 12 0" />
<animateMotion xlink:href="#A7" begin="8000ms" dur="1000ms"
fill="freeze" path="m -241 -229 l 437 148" />
<animateMotion xlink:href="#B8" begin="8000ms" dur="1000ms"
fill="freeze" path="m 3 -229 l -26 0" />
<animateMotion xlink:href="#C10" begin="8000ms" dur="1000ms"
fill="freeze" path="m 241 -229 l -45 0" />
<animateMotion xlink:href="#Z3" begin="8000ms" dur="1000ms"
fill="freeze" path="m -228 229 l 32 0" />
<animate xlink:href="#l13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="9000ms" fill="freeze"/>
<animate xlink:href="#libl13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="9000ms" fill="freeze"/>
<animate xlink:href="#bil13" attributeName="opacity" from="0" to="1" dur="1000ms" begin="9000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-236 -269 472 538" to="-306 -293 612 586" begin="10000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#b11" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-23 -229 L196 -229 Z;M58 -253 L266 -233 Z" />
<animateMotion xlink:href="#libb11" begin="10000ms" dur="1000ms" fill="freeze" path="m 86 31 l 76 -14" />
<animate xlink:href="#l13" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 -81 L-57 229 Z;M169 -16 L-38 174 Z" />
<animateMotion xlink:href="#libl13" begin="10000ms" dur="1000ms" fill="freeze" path="m 0 0 l -4 5" />
<animate xlink:href="#l13" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="10000ms" fill="freeze"/>
<animate xlink:href="#z6" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-196 229 L-57 229 Z;M-266 44 L-38 174 Z" />
<animateMotion xlink:href="#libz6" begin="10000ms" dur="1000ms" fill="freeze" path="m -126 229 l -26 -120" />
<animate xlink:href="#y5" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M109 229 L-196 229 Z;M-263 253 L-266 44 Z" />
<animateMotion xlink:href="#liby5" begin="10000ms" dur="1000ms" fill="freeze" path="m -43 229 l -221 -81" />
<animate xlink:href="#c12" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 -229 L196 -81 Z;M266 -233 L169 -16 Z" />
<animateMotion xlink:href="#libc12" begin="10000ms" dur="1000ms" fill="freeze" path="m 196 74 l 21 31" />
<animate xlink:href="#a9" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M196 -81 L-23 -229 Z;M169 -16 L58 -253 Z" />
<animateMotion xlink:href="#liba9" begin="10000ms" dur="1000ms" fill="freeze" path="m 86 -155 l 27 21" />
<animate xlink:href="#x4" begin="10000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-57 229 L109 229 Z;M-38 174 L-263 253 Z" />
<animateMotion xlink:href="#libx4" begin="10000ms" dur="1000ms" fill="freeze" path="m 26 229 l -176 -16" />
<animateMotion xlink:href="#Y2" begin="10000ms" dur="1000ms"
fill="freeze" path="m 109 229 l -372 24" />
<animateMotion xlink:href="#X1" begin="10000ms" dur="1000ms"
fill="freeze" path="m -57 229 l 19 -55" />
<animateMotion xlink:href="#A7" begin="10000ms" dur="1000ms"
fill="freeze" path="m 196 -81 l -27 65" />
<animateMotion xlink:href="#B8" begin="10000ms" dur="1000ms"
fill="freeze" path="m -23 -229 l 81 -24" />
<animateMotion xlink:href="#C10" begin="10000ms" dur="1000ms"
fill="freeze" path="m 196 -229 l 70 -4" />
<animateMotion xlink:href="#Z3" begin="10000ms" dur="1000ms"
fill="freeze" path="m -196 229 l -70 -185" />
<animate xlink:href="#m14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="11000ms" fill="freeze"/>
<animate xlink:href="#libm14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="11000ms" fill="freeze"/>
<animate xlink:href="#bim14" attributeName="opacity" from="0" to="1" dur="1000ms" begin="11000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-306 -293 612 586" to="-282 -289 564 578" begin="12000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-38 174 L-263 253 Z;M-215 1 L3 212 Z" />
<animateMotion xlink:href="#libx4" begin="12000ms" dur="1000ms" fill="freeze" path="m -150 213 l 44 -107" />
<animate xlink:href="#y5" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-263 253 L-266 44 Z;M3 212 L-242 249 Z" />
<animateMotion xlink:href="#liby5" begin="12000ms" dur="1000ms" fill="freeze" path="m -264 148 l 145 82" />
<animate xlink:href="#c12" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M266 -233 L169 -16 Z;M242 -249 L-3 -212 Z" />
<animateMotion xlink:href="#libc12" begin="12000ms" dur="1000ms" fill="freeze" path="m 217 105 l -98 -106" />
<animate xlink:href="#m14" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M58 -253 L-263 253 Z;M214 -2 L3 212 Z" />
<animateMotion xlink:href="#libm14" begin="12000ms" dur="1000ms" fill="freeze" path="m 0 0 l 210 105" />
<animate xlink:href="#m14" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="12000ms" fill="freeze"/>
<animate xlink:href="#b11" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M58 -253 L266 -233 Z;M214 -2 L242 -249 Z" />
<animateMotion xlink:href="#libb11" begin="12000ms" dur="1000ms" fill="freeze" path="m 162 17 l 66 118" />
<animate xlink:href="#z6" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-266 44 L-38 174 Z;M-242 249 L-215 1 Z" />
<animateMotion xlink:href="#libz6" begin="12000ms" dur="1000ms" fill="freeze" path="m -152 109 l -76 16" />
<animate xlink:href="#l13" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M169 -16 L-38 174 Z;M-3 -212 L-215 1 Z" />
<animateMotion xlink:href="#libl13" begin="12000ms" dur="1000ms" fill="freeze" path="m -4 5 l -174 -184" />
<animate xlink:href="#a9" begin="12000ms" fill="freeze" attributeName="d" dur="1000ms" values="M169 -16 L58 -253 Z;M-3 -212 L214 -2 Z" />
<animateMotion xlink:href="#liba9" begin="12000ms" dur="1000ms" fill="freeze" path="m 113 -134 l -8 27" />
<animateMotion xlink:href="#Y2" begin="12000ms" dur="1000ms"
fill="freeze" path="m -263 253 l 266 -41" />
<animateMotion xlink:href="#X1" begin="12000ms" dur="1000ms"
fill="freeze" path="m -38 174 l -177 -173" />
<animateMotion xlink:href="#A7" begin="12000ms" dur="1000ms"
fill="freeze" path="m 169 -16 l -172 -196" />
<animateMotion xlink:href="#B8" begin="12000ms" dur="1000ms"
fill="freeze" path="m 58 -253 l 156 251" />
<animateMotion xlink:href="#C10" begin="12000ms" dur="1000ms"
fill="freeze" path="m 266 -233 l -24 -16" />
<animateMotion xlink:href="#Z3" begin="12000ms" dur="1000ms"
fill="freeze" path="m -266 44 l 24 205" />
<animate xlink:href="#n15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="13000ms" fill="freeze"/>
<animate xlink:href="#libn15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="13000ms" fill="freeze"/>
<animate xlink:href="#bin15" attributeName="opacity" from="0" to="1" dur="1000ms" begin="13000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-282 -289 564 578" to="-326 -286 610 611" begin="14000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-215 1 L3 212 Z;M-286 34 L-36 285 Z" />
<animateMotion xlink:href="#libx4" begin="14000ms" dur="1000ms" fill="freeze" path="m -106 106 l -55 53" />
<animate xlink:href="#y5" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M3 212 L-242 249 Z;M-36 285 L-13 13 Z" />
<animateMotion xlink:href="#liby5" begin="14000ms" dur="1000ms" fill="freeze" path="m -119 230 l 95 -81" />
<animate xlink:href="#c12" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M242 -249 L-3 -212 Z;M244 -246 L-42 -240 Z" />
<animateMotion xlink:href="#libc12" begin="14000ms" dur="1000ms" fill="freeze" path="m 119 -1 l -18 -13" />
<animate xlink:href="#m14" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M214 -2 L3 212 Z;M237 40 L-36 285 Z" />
<animateMotion xlink:href="#libm14" begin="14000ms" dur="1000ms" fill="freeze" path="m 210 105 l -8 57" />
<animate xlink:href="#b11" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M214 -2 L242 -249 Z;M237 40 L244 -246 Z" />
<animateMotion xlink:href="#libb11" begin="14000ms" dur="1000ms" fill="freeze" path="m 228 135 l 12 22" />
<animate xlink:href="#n15" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M242 -249 L-242 249 Z;M244 -246 L-13 13 Z" />
<animateMotion xlink:href="#libn15" begin="14000ms" dur="1000ms" fill="freeze" path="m 0 0 l 115 -116" />
<animate xlink:href="#n15" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="14000ms" fill="freeze"/>
<animate xlink:href="#z6" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-242 249 L-215 1 Z;M-13 13 L-286 34 Z" />
<animateMotion xlink:href="#libz6" begin="14000ms" dur="1000ms" fill="freeze" path="m -228 125 l 79 -102" />
<animate xlink:href="#l13" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-3 -212 L-215 1 Z;M-42 -240 L-286 34 Z" />
<animateMotion xlink:href="#libl13" begin="14000ms" dur="1000ms" fill="freeze" path="m -178 -179 l -55 2" />
<animate xlink:href="#a9" begin="14000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-3 -212 L214 -2 Z;M-42 -240 L237 40 Z" />
<animateMotion xlink:href="#liba9" begin="14000ms" dur="1000ms" fill="freeze" path="m 105 -107 l -8 7" />
<animateMotion xlink:href="#Y2" begin="14000ms" dur="1000ms"
fill="freeze" path="m 3 212 l -39 73" />
<animateMotion xlink:href="#X1" begin="14000ms" dur="1000ms"
fill="freeze" path="m -215 1 l -71 33" />
<animateMotion xlink:href="#A7" begin="14000ms" dur="1000ms"
fill="freeze" path="m -3 -212 l -39 -28" />
<animateMotion xlink:href="#B8" begin="14000ms" dur="1000ms"
fill="freeze" path="m 214 -2 l 23 42" />
<animateMotion xlink:href="#C10" begin="14000ms" dur="1000ms"
fill="freeze" path="m 242 -249 l 2 3" />
<animateMotion xlink:href="#Z3" begin="14000ms" dur="1000ms"
fill="freeze" path="m -242 249 l 229 -236" />
<animate xlink:href="#c12" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libc12" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bic12" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#c12" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#m14" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libm14" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bim14" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#m14" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#b11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libb11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bib11" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#b11" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#l13" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#libl13" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bil13" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#l13" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#a9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#liba9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#bia9" attributeName="opacity" from="1" to="0" dur="1000ms" begin="15000ms" fill="freeze"/>
<animate xlink:href="#a9" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="15000ms" fill="freeze"/>
<animateMotion xlink:href="#A7" begin="16000ms" dur="1000ms"
fill="freeze" path="m -42 -240 l 279 280" />
<animateMotion xlink:href="#B8" begin="16000ms" dur="1000ms"
fill="freeze" path="m 237 40 l -279 -280" />
<animate xlink:href="#c18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libc18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bic18" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#m20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libm20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bim20" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#b19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libb19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bib19" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#l16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#libl16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bil16" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#a17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#liba17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#bia17" attributeName="opacity" from="0" to="1" dur="1000ms" begin="17000ms" fill="freeze"/>
<animate xlink:href="#c18" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#m20" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#b19" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#l16" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#a17" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#cC10" attributeName="fill" from="rgb(255,255,255)" to="rgb(128,0,0)" dur="1000ms" begin="18000ms" fill="freeze"/>
<animate xlink:href="#n15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#libn15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#bin15" attributeName="opacity" from="1" to="0" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#n15" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="19000ms" fill="freeze"/>
<animate xlink:href="#a17" attributeName="opacity" from="1" to="0" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#liba17" attributeName="opacity" from="1" to="0" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#bia17" attributeName="opacity" from="1" to="0" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#a17" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="20000ms" fill="freeze"/>
<animate xlink:href="#b19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#libb19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#bib19" attributeName="opacity" from="1" to="0" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#b19" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="21000ms" fill="freeze"/>
<animate xlink:href="#m20" attributeName="opacity" from="1" to="0" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#libm20" attributeName="opacity" from="1" to="0" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#bim20" attributeName="opacity" from="1" to="0" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#m20" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="22000ms" fill="freeze"/>
<animate xlink:href="#A7" attributeName="opacity" from="1" to="0" dur="1000ms" begin="23000ms" fill="freeze"/>
<animate xlink:href="#cA7" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="23000ms" fill="freeze"/>
<g id="A21" opacity="0">
<circle id="cA21" cx="0" cy="0" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA21" x="0" y="0" dx="-5" dy="5" fill="rgb(0,0,0)">A</text>
</g>
<animate xlink:href="#A21" attributeName="opacity" from="0" to="1" dur="1000ms" begin="24000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-326 -286 610 611" to="-247 -244 494 488" begin="25000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-286 34 L-36 285 Z;M-207 -17 L-207 204 Z" />
<animateMotion xlink:href="#libx4" begin="25000ms" dur="1000ms" fill="freeze" path="m -161 159 l -46 -66" />
<animate xlink:href="#y5" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-36 285 L-13 13 Z;M-207 204 L-51 204 Z" />
<animateMotion xlink:href="#liby5" begin="25000ms" dur="1000ms" fill="freeze" path="m -24 149 l -105 55" />
<animate xlink:href="#c18" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M244 -246 L-42 -240 Z;M207 -204 L-40 -204 Z" />
<animateMotion xlink:href="#libc18" begin="25000ms" dur="1000ms" fill="freeze" path="m 0 0 l -18 39" />
<animate xlink:href="#z6" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-13 13 L-286 34 Z;M-51 204 L-207 -17 Z" />
<animateMotion xlink:href="#libz6" begin="25000ms" dur="1000ms" fill="freeze" path="m -149 23 l 20 70" />
<animate xlink:href="#l16" begin="25000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-42 -240 L-286 34 Z;M-40 -204 L-207 -17 Z" />
<animateMotion xlink:href="#libl16" begin="25000ms" dur="1000ms" fill="freeze" path="m 0 0 l 41 -7" />
<animateMotion xlink:href="#Y2" begin="25000ms" dur="1000ms"
fill="freeze" path="m -36 285 l -171 -81" />
<animateMotion xlink:href="#X1" begin="25000ms" dur="1000ms"
fill="freeze" path="m -286 34 l 79 -51" />
<animateMotion xlink:href="#A21" begin="25000ms" dur="1000ms"
fill="freeze" path="m 0 0 l 207 204" />
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="25000ms" fill="freeze"/>
<animateMotion xlink:href="#B8" begin="25000ms" dur="1000ms"
fill="freeze" path="m -42 -240 l 2 36" />
<animateMotion xlink:href="#C10" begin="25000ms" dur="1000ms"
fill="freeze" path="m 244 -246 l -37 42" />
<animateMotion xlink:href="#Z3" begin="25000ms" dur="1000ms"
fill="freeze" path="m -13 13 l -38 191" />
<animate xlink:href="#a22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="26000ms" fill="freeze"/>
<animate xlink:href="#liba22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="26000ms" fill="freeze"/>
<animate xlink:href="#bia22" attributeName="opacity" from="0" to="1" dur="1000ms" begin="26000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-247 -244 494 488" to="-254 -300 508 600" begin="27000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-207 -17 L-207 204 Z;M-184 37 L-214 260 Z" />
<animateMotion xlink:href="#libx4" begin="27000ms" dur="1000ms" fill="freeze" path="m -207 93 l 8 55" />
<animate xlink:href="#y5" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-207 204 L-51 204 Z;M-214 260 L-21 260 Z" />
<animateMotion xlink:href="#liby5" begin="27000ms" dur="1000ms" fill="freeze" path="m -129 204 l 12 56" />
<animate xlink:href="#c18" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M207 -204 L-40 -204 Z;M214 -260 L-1 -170 Z" />
<animateMotion xlink:href="#libc18" begin="27000ms" dur="1000ms" fill="freeze" path="m -18 39 l 23 -11" />
<animate xlink:href="#z6" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-51 204 L-207 -17 Z;M-21 260 L-184 37 Z" />
<animateMotion xlink:href="#libz6" begin="27000ms" dur="1000ms" fill="freeze" path="m -129 93 l 27 55" />
<animate xlink:href="#l16" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-40 -204 L-207 -17 Z;M-1 -170 L-184 37 Z" />
<animateMotion xlink:href="#libl16" begin="27000ms" dur="1000ms" fill="freeze" path="m 41 -7 l 31 44" />
<animate xlink:href="#a22" begin="27000ms" fill="freeze" attributeName="d" dur="1000ms" values="M207 204 L-40 -204 Z;M214 -10 L-1 -170 Z" />
<animateMotion xlink:href="#liba22" begin="27000ms" dur="1000ms" fill="freeze" path="m 0 0 l 23 -90" />
<animate xlink:href="#a22" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="27000ms" fill="freeze"/>
<animateMotion xlink:href="#Y2" begin="27000ms" dur="1000ms"
fill="freeze" path="m -207 204 l -7 56" />
<animateMotion xlink:href="#X1" begin="27000ms" dur="1000ms"
fill="freeze" path="m -207 -17 l 23 54" />
<animateMotion xlink:href="#A21" begin="27000ms" dur="1000ms"
fill="freeze" path="m 207 204 l 7 -214" />
<animateMotion xlink:href="#B8" begin="27000ms" dur="1000ms"
fill="freeze" path="m -40 -204 l 39 34" />
<animateMotion xlink:href="#C10" begin="27000ms" dur="1000ms"
fill="freeze" path="m 207 -204 l 7 -56" />
<animateMotion xlink:href="#Z3" begin="27000ms" dur="1000ms"
fill="freeze" path="m -51 204 l 30 56" />
<animate xlink:href="#cA21" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="28000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="28000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke-width" from="2" to="4" dur="1000ms" begin="29000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(128,139,150)" to="rgb(191,255,0)" dur="1000ms" begin="29000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke-width" from="4" to="2" dur="1000ms" begin="30000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(191,255,0)" to="rgb(128,139,150)" dur="1000ms" begin="30000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke-width" from="4" to="2" dur="1000ms" begin="31000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(191,255,0)" to="rgb(128,139,150)" dur="1000ms" begin="31000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="opacity" from="1" to="0" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#liba22" attributeName="opacity" from="1" to="0" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#bia22" attributeName="opacity" from="1" to="0" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#a22" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="32000ms" fill="freeze"/>
<animate xlink:href="#A21" attributeName="opacity" from="1" to="0" dur="1000ms" begin="33000ms" fill="freeze"/>
<animate xlink:href="#cA21" attributeName="stroke" from="rgb(128,139,150)" to="rgb(255,0,0)" dur="1000ms" begin="33000ms" fill="freeze"/>
<g id="A23" opacity="0">
<circle id="cA23" cx="500" cy="500" r="20" fill="rgb(255,255,255)" stroke="rgb(0,0,255)" stroke-width="2"></circle>
<text id="coA23" x="500" y="500" dx="-5" dy="5" fill="rgb(0,0,0)">A</text>
</g>
<animate attributeName="viewBox" from="-254 -300 508 600" to="-254 -300 794 840" begin="34000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#A23" attributeName="opacity" from="0" to="1" dur="1000ms" begin="34000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-254 -300 794 840" to="-225 -206 765 746" begin="35000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-184 37 L-214 260 Z;M-70 123 L-185 333 Z" />
<animateMotion xlink:href="#libx4" begin="35000ms" dur="1000ms" fill="freeze" path="m -199 148 l 72 80" />
<animate xlink:href="#y5" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-214 260 L-21 260 Z;M-185 333 L36 333 Z" />
<animateMotion xlink:href="#liby5" begin="35000ms" dur="1000ms" fill="freeze" path="m -117 260 l 43 73" />
<animate xlink:href="#c18" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M214 -260 L-1 -170 Z;M278 -166 L58 -105 Z" />
<animateMotion xlink:href="#libc18" begin="35000ms" dur="1000ms" fill="freeze" path="m 5 28 l 62 80" />
<animate xlink:href="#z6" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-21 260 L-184 37 Z;M36 333 L-70 123 Z" />
<animateMotion xlink:href="#libz6" begin="35000ms" dur="1000ms" fill="freeze" path="m -102 148 l 85 80" />
<animate xlink:href="#l16" begin="35000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-1 -170 L-184 37 Z;M58 -105 L-70 123 Z" />
<animateMotion xlink:href="#libl16" begin="35000ms" dur="1000ms" fill="freeze" path="m 72 37 l 86 75" />
<animateMotion xlink:href="#Y2" begin="35000ms" dur="1000ms"
fill="freeze" path="m -214 260 l 29 73" />
<animateMotion xlink:href="#X1" begin="35000ms" dur="1000ms"
fill="freeze" path="m -184 37 l 114 86" />
<animate xlink:href="#cA23" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="35000ms" fill="freeze"/>
<animateMotion xlink:href="#B8" begin="35000ms" dur="1000ms"
fill="freeze" path="m -1 -170 l 59 65" />
<animateMotion xlink:href="#C10" begin="35000ms" dur="1000ms"
fill="freeze" path="m 214 -260 l 64 94" />
<animateMotion xlink:href="#Z3" begin="35000ms" dur="1000ms"
fill="freeze" path="m -21 260 l 57 73" />
<animate xlink:href="#a24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="36000ms" fill="freeze"/>
<animate xlink:href="#liba24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="36000ms" fill="freeze"/>
<animate xlink:href="#bia24" attributeName="opacity" from="0" to="1" dur="1000ms" begin="36000ms" fill="freeze"/>
<animate attributeName="viewBox" from="-225 -206 765 746" to="-216 -29 756 569" begin="37000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-70 123 L-185 333 Z;M50 330 L-153 176 Z" />
<animateMotion xlink:href="#libx4" begin="37000ms" dur="1000ms" fill="freeze" path="m -127 228 l 76 25" />
<animate xlink:href="#y5" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-185 333 L36 333 Z;M-153 176 L-176 398 Z" />
<animateMotion xlink:href="#liby5" begin="37000ms" dur="1000ms" fill="freeze" path="m -74 333 l -90 -46" />
<animate xlink:href="#c18" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M278 -166 L58 -105 Z;M331 11 L331 285 Z" />
<animateMotion xlink:href="#libc18" begin="37000ms" dur="1000ms" fill="freeze" path="m 67 108 l 163 283" />
<animate xlink:href="#z6" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M36 333 L-70 123 Z;M-176 398 L50 330 Z" />
<animateMotion xlink:href="#libz6" begin="37000ms" dur="1000ms" fill="freeze" path="m -17 228 l -46 136" />
<animate xlink:href="#l16" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M58 -105 L-70 123 Z;M331 285 L50 330 Z" />
<animateMotion xlink:href="#libl16" begin="37000ms" dur="1000ms" fill="freeze" path="m 158 112 l 196 298" />
<animate xlink:href="#a24" begin="37000ms" fill="freeze" attributeName="d" dur="1000ms" values="M500 500 L58 -105 Z;M500 500 L331 285 Z" />
<animateMotion xlink:href="#liba24" begin="37000ms" dur="1000ms" fill="freeze" path="m 0 0 l 136 195" />
<animate xlink:href="#a24" attributeName="stroke" from="rgb(0,0,255)" to="rgb(128,139,150)" dur="1000ms" begin="37000ms" fill="freeze"/>
<animateMotion xlink:href="#Y2" begin="37000ms" dur="1000ms"
fill="freeze" path="m -185 333 l 32 -157" />
<animateMotion xlink:href="#X1" begin="37000ms" dur="1000ms"
fill="freeze" path="m -70 123 l 120 207" />
<animateMotion xlink:href="#B8" begin="37000ms" dur="1000ms"
fill="freeze" path="m 58 -105 l 273 390" />
<animateMotion xlink:href="#C10" begin="37000ms" dur="1000ms"
fill="freeze" path="m 278 -166 l 53 177" />
<animateMotion xlink:href="#Z3" begin="37000ms" dur="1000ms"
fill="freeze" path="m 36 333 l -212 65" />
<animate attributeName="viewBox" from="-216 -29 756 569" to="-540 -540 911 978" begin="38000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#a24" begin="38000ms" fill="freeze" attributeName="d" dur="1000ms" values="M500 500 L331 285 Z;M-500 -500 L331 285 Z" />
<animateMotion xlink:href="#liba24" begin="38000ms" dur="1000ms" fill="freeze" path="m 136 195 l -499 -499" />
<animateMotion xlink:href="#A23" begin="38000ms" dur="1000ms"
fill="freeze" path="m 0 0 l -1000 -1000" />
<animate attributeName="viewBox" from="-540 -540 911 978" to="-540 -540 639 761" begin="39000ms" dur="1000ms" fill="freeze" />
<animate xlink:href="#x4" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M50 330 L-153 176 Z;M-210 -61 L-13 102 Z" />
<animateMotion xlink:href="#libx4" begin="39000ms" dur="1000ms" fill="freeze" path="m -51 253 l -60 -233" />
<animate xlink:href="#y5" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-153 176 L-176 398 Z;M-13 102 L-210 181 Z" />
<animateMotion xlink:href="#liby5" begin="39000ms" dur="1000ms" fill="freeze" path="m -164 287 l 53 -146" />
<animate xlink:href="#c18" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M331 11 L331 285 Z;M59 -345 L-210 -345 Z" />
<animateMotion xlink:href="#libc18" begin="39000ms" dur="1000ms" fill="freeze" path="m 230 391 l -406 -493" />
<animate xlink:href="#z6" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-176 398 L50 330 Z;M-210 181 L-210 -61 Z" />
<animateMotion xlink:href="#libz6" begin="39000ms" dur="1000ms" fill="freeze" path="m -63 364 l -147 -304" />
<animate xlink:href="#l16" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M331 285 L50 330 Z;M-210 -345 L-210 -61 Z" />
<animateMotion xlink:href="#libl16" begin="39000ms" dur="1000ms" fill="freeze" path="m 354 410 l -400 -510" />
<animate xlink:href="#a24" begin="39000ms" fill="freeze" attributeName="d" dur="1000ms" values="M-500 -500 L331 285 Z;M-500 -500 L-210 -345 Z" />
<animateMotion xlink:href="#liba24" begin="39000ms" dur="1000ms" fill="freeze" path="m -363 -304 l -271 -315" />
<animateMotion xlink:href="#Y2" begin="39000ms" dur="1000ms"
fill="freeze" path="m -153 176 l 140 -74" />
<animateMotion xlink:href="#X1" begin="39000ms" dur="1000ms"
fill="freeze" path="m 50 330 l -260 -391" />
<animateMotion xlink:href="#B8" begin="39000ms" dur="1000ms"
fill="freeze" path="m 331 285 l -541 -630" />
<animateMotion xlink:href="#C10" begin="39000ms" dur="1000ms"
fill="freeze" path="m 331 11 l -272 -356" />
<animateMotion xlink:href="#Z3" begin="39000ms" dur="1000ms"
fill="freeze" path="m -176 398 l -34 -217" />
</svg>
</body>
</html>