dioxus-multiplatform-animated.svg
1 <?xml version="1.0" encoding="UTF-8" standalone="no"?> 2 <!-- Created with Keyshape --> 3 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" viewBox="0 0 450 400" style="white-space: pre;"> 4 <style> 5 @keyframes a0_t { 0% { transform: translate(225px,339.905406px) scale(0,1) translate(-89.518464px,-24px); } 29.1666% { transform: translate(225px,339.905406px) scale(0,1) translate(-89.518464px,-24px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 37.5% { transform: translate(225px,339.905406px) scale(1,1) translate(-89.518464px,-24px); } 41.6666% { transform: translate(225px,339.905406px) scale(1,1) translate(-89.518464px,-24px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { transform: translate(225px,339.905406px) scale(0,1) translate(-89.518464px,-24px); } 100% { transform: translate(225px,339.905406px) scale(0,1) translate(-89.518464px,-24px); } } 6 @keyframes a1_t { 0% { transform: translate(225px,348.905406px) scale(0,1) translate(-41.5px,-11px); } 16.6666% { transform: translate(225px,348.905406px) scale(0,1) translate(-41.5px,-11px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 25% { transform: translate(225px,348.905406px) scale(1,1) translate(-41.5px,-11px); } 29.1666% { transform: translate(225px,348.905406px) scale(1,1) translate(-41.5px,-11px); } 37.5% { transform: translate(225px,348.905406px) scale(0,1) translate(-41.5px,-11px); } 100% { transform: translate(225px,348.905406px) scale(0,1) translate(-41.5px,-11px); } } 7 @keyframes a2_t { 0% { transform: translate(55px,94px) scale(1,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 8.3333% { transform: translate(55px,94px) scale(0,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 16.6666% { transform: translate(55px,94px) scale(1,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 25% { transform: translate(55px,94px) scale(0,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 33.3333% { transform: translate(55px,94px) scale(1,1) translate(-42.5px,-89.5px); } 100% { transform: translate(55px,94px) scale(1,1) translate(-42.5px,-89.5px); } } 8 @keyframes a3_t { 0% { transform: translate(55.75px,93px) scale(1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 8.3333% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); } 16.6666% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); } 25% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 33.3333% { transform: translate(55.75px,93px) scale(1,1) translate(-56.25px,-93.5px); } 100% { transform: translate(55.75px,93px) scale(1,1) translate(-56.25px,-93.5px); } } 9 @keyframes a4_t { 0% { transform: translate(55.75px,93px) scale(1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 8.3333% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 16.6666% { transform: translate(55.75px,93px) scale(-1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 25% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 33.3333% { transform: translate(55.75px,93px) scale(1,1) translate(-56.25px,-93.5px); } 100% { transform: translate(55.75px,93px) scale(1,1) translate(-56.25px,-93.5px); } } 10 @keyframes a5_t { 0% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); } 8.3333% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 16.6666% { transform: translate(55.75px,93px) scale(-1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 25% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); } 33.3333% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); } 100% { transform: translate(55.75px,93px) scale(0,1) translate(-56.25px,-93.5px); } } 11 @keyframes a6_t { 0% { transform: translate(41.5018px,94px) scale(1,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 5.8333% { transform: translate(41.5018px,94px) scale(0,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 12.5% { transform: translate(41.5018px,94px) scale(1,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 18.3333% { transform: translate(41.5018px,94px) scale(0,1) translate(-42.5px,-89.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 25% { transform: translate(41.5018px,94px) scale(1,1) translate(-42.5px,-89.5px); } 100% { transform: translate(41.5018px,94px) scale(1,1) translate(-42.5px,-89.5px); } } 12 @keyframes a7_t { 0% { transform: translate(42.2518px,93px) scale(1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 5.8333% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); } 12.5% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); } 18.3333% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 25% { transform: translate(42.2518px,93px) scale(1,1) translate(-56.25px,-93.5px); } 100% { transform: translate(42.2518px,93px) scale(1,1) translate(-56.25px,-93.5px); } } 13 @keyframes a8_t { 0% { transform: translate(42.2518px,93px) scale(1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 5.8333% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 12.5% { transform: translate(42.2518px,93px) scale(-1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 18.3333% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 25% { transform: translate(42.2518px,93px) scale(1,1) translate(-56.25px,-93.5px); } 100% { transform: translate(42.2518px,93px) scale(1,1) translate(-56.25px,-93.5px); } } 14 @keyframes a9_t { 0% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); } 5.8333% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0,0,0.58,1); } 12.5% { transform: translate(42.2518px,93px) scale(-1,1) translate(-56.25px,-93.5px); animation-timing-function: cubic-bezier(0.42,0,1,1); } 18.3333% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); } 25% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); } 100% { transform: translate(42.2518px,93px) scale(0,1) translate(-56.25px,-93.5px); } } 15 @keyframes a11_t { 0% { transform: translate(225px,198.905406px) rotate(-90deg); } 8.3333% { transform: translate(225px,198.905406px) rotate(-90deg); } 16.6666% { transform: translate(225px,198.905406px) rotate(-90deg); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 25% { transform: translate(225px,198.905406px) rotate(0deg); } 29.1666% { transform: translate(225px,198.905406px) rotate(0deg); } 37.5% { transform: translate(225px,198.905406px) rotate(0deg); } 41.6666% { transform: translate(225px,198.905406px) rotate(0deg); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { transform: translate(225px,198.905406px) rotate(-90deg); } 54.1666% { transform: translate(225px,198.905406px) rotate(-90deg); } 62.5% { transform: translate(225px,198.905406px) rotate(-90deg); } 83.3333% { transform: translate(225px,198.905406px) rotate(-90deg); } 100% { transform: translate(225px,198.905406px) rotate(-90deg); } } 16 @keyframes a10_t { 0% { transform: translate(-200px,-167px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { transform: translate(-150px,-80px); } 16.6666% { transform: translate(-150px,-80px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 25% { transform: translate(-200px,-123px); } 29.1666% { transform: translate(-200px,-123px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 37.5% { transform: translate(-150px,-100px); } 41.6666% { transform: translate(-150px,-100px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { transform: translate(-150px,-80px); } 54.1666% { transform: translate(-150px,-80px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 62.5% { transform: translate(-217px,-200px); } 83.3333% { transform: translate(-217px,-200px); } 100% { transform: translate(-217px,-200px); } } 17 @keyframes a10_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { opacity: 1; } 54.1667% { opacity: 1; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 62.5% { opacity: 0; } 83.3333% { opacity: 0; } 100% { opacity: 0; } } 18 @keyframes a10_sw { 0% { stroke-width: 30px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { stroke-width: 8px; } 54.1667% { stroke-width: 8px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 62.5% { stroke-width: 30px; } 83.3333% { stroke-width: 30px; } 100% { stroke-width: 30px; } } 19 @keyframes a10_w { 0% { width: 400px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { width: 300px; } 16.6667% { width: 300px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 25% { width: 400px; } 29.1667% { width: 400px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 37.5% { width: 300px; } 41.6667% { width: 300px; } 50% { width: 300px; } 54.1667% { width: 300px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 62.5% { width: 434px; } 83.3333% { width: 434px; } 100% { width: 434px; } } 20 @keyframes a10_h { 0% { height: 334px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { height: 160px; } 16.6667% { height: 160px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 25% { height: 246px; } 29.1667% { height: 246px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 37.5% { height: 200px; } 41.6667% { height: 200px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { height: 160px; } 54.1667% { height: 160px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 62.5% { height: 400px; } 83.3333% { height: 400px; } 100% { height: 400px; } } 21 @keyframes a12_t { 0% { transform: translate(143.500001px,48.905406px); } 8.3333% { transform: translate(180.500001px,98.905406px); } 100% { transform: translate(180.500001px,98.905406px); } } 22 @keyframes a12_w { 0% { width: 168.5px; } 8.3333% { width: 94.5px; } 100% { width: 94.5px; } } 23 @keyframes a12_h { 0% { height: 302px; } 8.3333% { height: 202px; } 100% { height: 202px; } } 24 @keyframes a13_t { 0% { transform: translate(217px,324.905406px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { transform: translate(190px,324.905406px); } 16.6666% { transform: translate(190px,324.905406px); } 25% { transform: translate(190px,324.905406px); } 100% { transform: translate(190px,324.905406px); } } 25 @keyframes a13_o { 0% { opacity: 0; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { opacity: 1; } 16.6667% { opacity: 1; } 25% { opacity: 0; } 100% { opacity: 0; } } 26 @keyframes a13_w { 0% { width: 16px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { width: 70px; } 16.6667% { width: 70px; } 25% { width: 70px; } 100% { width: 70px; } } 27 @keyframes a14_t { 0% { transform: translate(217px,324.905406px); } 41.6666% { transform: translate(217px,324.905406px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { transform: translate(190px,324.905406px); } 54.1666% { transform: translate(190px,324.905406px); } 62.5% { transform: translate(190px,324.905406px); } 100% { transform: translate(190px,324.905406px); } } 28 @keyframes a14_o { 0% { opacity: 0; } 41.6667% { opacity: 0; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { opacity: 1; } 54.1667% { opacity: 1; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 62.5% { opacity: 0; } 100% { opacity: 0; } } 29 @keyframes a14_w { 0% { width: 16px; } 41.6667% { width: 16px; animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 50% { width: 70px; } 54.1667% { width: 70px; } 62.5% { width: 70px; } 100% { width: 70px; } } 30 @keyframes a15_t { 0% { transform: translate(225px,198.905406px) scale(1.5,1.5) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 8.3333% { transform: translate(225px,198.905406px) scale(1,1) translate(-42.2518px,-93px); } 16.6666% { transform: translate(225px,198.905406px) scale(1,1) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 20.8333% { transform: translate(225px,198.905406px) scale(0.8,0.8) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.645,0.045,0.355,1); } 25% { transform: translate(225px,198.905406px) scale(1,1) translate(-42.2518px,-93px); } 29.1666% { transform: translate(225px,198.905406px) scale(1,1) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.42,0,0.58,1); } 37.5% { transform: translate(225px,198.905406px) scale(0.8,0.8) translate(-42.2518px,-93px); } 41.6666% { transform: translate(225px,198.905406px) scale(0.8,0.8) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.42,0,0.58,1); } 45.8333% { transform: translate(225px,198.905406px) scale(0.7,0.7) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.42,0,0.58,1); } 50% { transform: translate(225px,198.905406px) scale(1,1) translate(-42.2518px,-93px); } 54.1666% { transform: translate(225px,198.905406px) scale(1,1) translate(-42.2518px,-93px); animation-timing-function: cubic-bezier(0.42,0,0.58,1); } 62.5% { transform: translate(225px,198.905406px) scale(1.5,1.5) translate(-42.2518px,-93px); } 100% { transform: translate(225px,198.905406px) scale(1.5,1.5) translate(-42.2518px,-93px); } } 31 </style> 32 <path fill="#000000" stroke="#000000" stroke-linecap="butt" stroke-linejoin="round" d="M-50.6556,4L227.5,4C237.482,4,236.537,4,236.537,4L277.537,44C277.537,44,278.481,44,268.5,44L-89.465,44C-99.445,44,-98.5,44,-98.5,44L-59.6907,4C-59.6907,4,-60.6355,4,-50.6556,4Z" stroke-width="10" fill-rule="nonzero" transform="translate(225,339.905) scale(0,1) translate(-89.5185,-24)" style="animation: 12s linear infinite both a0_t;"/> 33 <rect width="83" height="22" stroke="#fb422d" fill="#000000" rx="2" stroke-width="0" opacity="1" transform="translate(225,348.905) scale(0,1) translate(-41.5,-11)" style="animation: 12s linear infinite both a1_t;"/> 34 <defs> 35 <symbol id="Symbol-2" preserveAspectRatio="none" width="111.5" height="186" viewBox="0 0 111.5 186" overflow="visible"> 36 <rect width="85" height="8" fill="#D9D9D9" transform="translate(55,8.5) translate(-42.5,-4)"/> 37 <rect width="85" height="8" fill="#D9D9D9" transform="translate(55,34.5) translate(-42.5,-4)"/> 38 <rect width="43" height="8" fill="#D9D9D9" transform="translate(55,64.5) translate(-21.5,-4)"/> 39 <rect width="85" height="8" fill="#D9D9D9" transform="translate(55,179.5) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 40 <rect width="85" height="8" fill="#D9D9D9" transform="translate(55,153.5) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 41 <rect width="43" height="8" fill="#D9D9D9" transform="translate(55,123.5) rotate(180) scale(-1,1) translate(-21.5,-4)"/> 42 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(55.75,93) translate(-56.25,-93.5)"/> 43 <path d="M103.5,9C103.5,62,9.00002,124,9,178" stroke="#FB422D" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(55.75,93) translate(-56.25,-93.5)"/> 44 </symbol> 45 <symbol id="Symbol-1" preserveAspectRatio="none" width="111.5" height="186" viewBox="0 0 111.5 186" overflow="visible"> 46 <g transform="translate(55.75,94) translate(-47.25,-89.5)"> 47 <rect width="85" height="8" fill="#D9D9D9" transform="translate(46.5,4) translate(-42.5,-4)"/> 48 <rect width="85" height="8" fill="#D9D9D9" transform="translate(46.5,30) translate(-42.5,-4)"/> 49 <rect width="43" height="8" fill="#D9D9D9" transform="translate(46.5,60) translate(-21.5,-4)"/> 50 <rect width="85" height="8" fill="#D9D9D9" transform="translate(46.5,175) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 51 <rect width="85" height="8" fill="#D9D9D9" transform="translate(46.5,149) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 52 <rect width="43" height="8" fill="#D9D9D9" transform="translate(46.5,119) rotate(180) scale(-1,1) translate(-21.5,-4)"/> 53 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(47.25,88.5) translate(-56.25,-93.5)"/> 54 <path d="M103.5,9C103.5,62,9.00002,124,9,178" stroke="#FB422D" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(47.25,88.5) translate(-56.25,-93.5)"/> 55 </g> 56 </symbol> 57 <symbol id="Symbol-3" preserveAspectRatio="none" width="111.5" height="186" viewBox="0 0 111.5 186" overflow="visible"> 58 <use width="85" height="179" xlink:href="#Symbol-4" transform="translate(55,94) translate(-42.5,-89.5)" style="animation: 12s linear infinite both a2_t;"/> 59 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(55.75,93) translate(-56.25,-93.5)" style="animation: 12s linear infinite both a3_t;"/> 60 <path d="M103.5,9C103.5,62,9.00002,124,9,178" stroke="#FB422D" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(55.75,93) translate(-56.25,-93.5)" style="animation: 12s linear infinite both a4_t;"/> 61 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(55.75,93) scale(0,1) translate(-56.25,-93.5)" style="animation: 12s linear infinite both a5_t;"/> 62 </symbol> 63 <symbol id="Symbol-4" preserveAspectRatio="none" width="85" height="179" viewBox="0 0 85 179" overflow="visible"> 64 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,4) translate(-42.5,-4)"/> 65 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,30) translate(-42.5,-4)"/> 66 <rect width="43" height="8" fill="#D9D9D9" transform="translate(42.5,60) translate(-21.5,-4)"/> 67 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,175) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 68 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,149) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 69 <rect width="43" height="8" fill="#D9D9D9" transform="translate(42.5,119) rotate(180) scale(-1,1) translate(-21.5,-4)"/> 70 </symbol> 71 <symbol id="Symbol-5" preserveAspectRatio="none" width="84.5036" height="186" viewBox="0 0 84.5036 186" overflow="visible"> 72 <g transform="translate(41.5018,94) translate(-42.5,-89.5)" style="animation: 12s linear infinite both a6_t;"> 73 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,4) translate(-42.5,-4)"/> 74 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,30) translate(-42.5,-4)"/> 75 <rect width="43" height="8" fill="#D9D9D9" transform="translate(42.5,60) translate(-21.5,-4)"/> 76 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,175) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 77 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,149) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 78 <rect width="43" height="8" fill="#D9D9D9" transform="translate(42.5,119) rotate(180) scale(-1,1) translate(-21.5,-4)"/> 79 </g> 80 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(42.2518,93) translate(-56.25,-93.5)" style="animation: 12s linear infinite both a7_t;"/> 81 <path d="M103.5,9C103.5,62,9.00002,124,9,178" stroke="#FB422D" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(42.2518,93) translate(-56.25,-93.5)" style="animation: 12s linear infinite both a8_t;"/> 82 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(42.2518,93) scale(0,1) translate(-56.25,-93.5)" style="animation: 12s linear infinite both a9_t;"/> 83 </symbol> 84 </defs> 85 <g style="animation: 12s linear infinite both a11_t;"> 86 <rect width="400" height="334" stroke="#000000" fill="#ffffff" stroke-width="30" stroke-miterlimit="1" rx="10" opacity="0" transform="translate(225,198.905) rotate(-90) translate(-200,-167)" style="animation: 12s linear infinite both a10_t, 12s linear infinite both a10_o, 12s linear infinite both a10_sw, 12s linear infinite both a10_w, 12s linear infinite both a10_h;"/> 87 </g> 88 <use width="168.5" height="302" xlink:href="#Symbol-1" opacity="0" transform="translate(227.75,199.905) translate(-84.25,-151)" style="animation: 12s linear infinite both a12_t, 12s linear infinite both a12_w, 12s linear infinite both a12_h;"/> 89 <rect width="16" height="8" stroke="#fb422d" fill="#000000" stroke-width="0" rx="2" opacity="0" transform="translate(225,328.905) translate(-8,-4)" style="animation: 12s linear infinite both a13_t, 12s linear infinite both a13_o, 12s linear infinite both a13_w;"/> 90 <rect width="16" height="8" stroke="#fb422d" fill="#000000" stroke-width="0" rx="2" opacity="0" transform="translate(225,328.905) translate(-8,-4)" style="animation: 12s linear infinite both a14_t, 12s linear infinite both a14_o, 12s linear infinite both a14_w;"/> 91 <g transform="translate(225,198.905) scale(1.5,1.5) translate(-42.2518,-93)" style="animation: 12s linear infinite both a15_t;"> 92 <g transform="translate(41.5018,94) translate(-42.5,-89.5)"> 93 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,4) translate(-42.5,-4)"/> 94 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,30) translate(-42.5,-4)"/> 95 <rect width="43" height="8" fill="#D9D9D9" transform="translate(42.5,60) translate(-21.5,-4)"/> 96 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,175) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 97 <rect width="85" height="8" fill="#D9D9D9" transform="translate(42.5,149) rotate(180) scale(-1,1) translate(-42.5,-4)"/> 98 <rect width="43" height="8" fill="#D9D9D9" transform="translate(42.5,119) rotate(180) scale(-1,1) translate(-21.5,-4)"/> 99 </g> 100 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(42.2518,93) translate(-56.25,-93.5)"/> 101 <path d="M103.5,9C103.5,62,9.00002,124,9,178" stroke="#FB422D" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(42.2518,93) translate(-56.25,-93.5)"/> 102 <path d="M9.00001,9C9,62,103.5,124,103.5,178" stroke="#3CC4DC" stroke-width="17" stroke-linecap="square" fill="none" transform="translate(42.2518,93) scale(0,1) translate(-56.25,-93.5)"/> 103 </g> 104 </svg>