css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <h1>Durable Functions: Pattern #3, Async HTTP APIs</h1>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"  viewBox="0 0 644 592.69">
  <defs>
    <linearGradient id="linear-gradient" x1="1.45" y1="976.28" x2="1.91" y2="975.82" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128402.58)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#fff"/>
      <stop offset="1" stop-color="#843cf6"/>
    </linearGradient>
    <linearGradient id="linear-gradient-2" x1="1.44" y1="976.19" x2="1.9" y2="975.74" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128385.27)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#1985b7"/>
      <stop offset="1" stop-color="#691be5"/>
    </linearGradient>
    <linearGradient id="linear-gradient-3" x1="1.45" y1="976.12" x2="1.91" y2="975.66" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128364.49)" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-4" x1="1.44" y1="976.03" x2="1.89" y2="975.59" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128347.18)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#38b8f2"/>
      <stop offset="1" stop-color="#843cf6"/>
    </linearGradient>
    <linearGradient id="linear-gradient-5" x1="1.45" y1="977.65" x2="1.91" y2="977.19" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-6" x1="1.44" y1="977.56" x2="1.9" y2="977.11" xlink:href="#linear-gradient-2"/>
    <linearGradient id="linear-gradient-7" x1="1.45" y1="977.49" x2="1.91" y2="977.04" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128364.49)" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-8" x1="1.44" y1="977.41" x2="1.89" y2="976.96" xlink:href="#linear-gradient-4"/>
    <linearGradient id="linear-gradient-9" x1=".13" y1="976.76" x2="1.05" y2="975.84" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-10" x1=".09" y1="976.77" x2="1.04" y2="975.81" xlink:href="#linear-gradient-2"/>
    <linearGradient id="linear-gradient-11" x1=".13" y1="976.76" x2="1.05" y2="975.83" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128364.49)" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-12" x1=".09" y1="976.76" x2="1.02" y2="975.83" xlink:href="#linear-gradient-4"/>
    <linearGradient id="linear-gradient-13" x1=".13" y1="977.31" x2="1.06" y2="976.38" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-14" x1=".1" y1="977.31" x2="1.05" y2="976.36" xlink:href="#linear-gradient-2"/>
    <linearGradient id="linear-gradient-15" x1=".13" y1="977.3" x2="1.06" y2="976.38" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128364.49)" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-16" x1=".1" y1="977.3" x2="1.03" y2="976.37" xlink:href="#linear-gradient-4"/>
    <radialGradient id="radial-gradient" cx="-24827.59" cy="-21793.95" r="416.4" gradientTransform="matrix(.28 -1.93 0 2.08 7283.47 -2261.42)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#42e8e0"/>
      <stop offset=".01" stop-color="#40ddda"/>
      <stop offset=".06" stop-color="#3aaec0"/>
      <stop offset=".12" stop-color="#3484a9"/>
      <stop offset=".18" stop-color="#2f6195"/>
      <stop offset=".24" stop-color="#2b4486"/>
      <stop offset=".31" stop-color="#282e79"/>
      <stop offset=".38" stop-color="#261e71"/>
      <stop offset=".46" stop-color="#24156c"/>
      <stop offset=".58" stop-color="#24126a"/>
      <stop offset=".99" stop-color="#24126a" stop-opacity=".3"/>
    </radialGradient>
    <linearGradient id="linear-gradient-17" x1="-.76" y1="977.66" x2="-.31" y2="977.2" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-18" x1="-.77" y1="977.57" x2="-.32" y2="977.12" xlink:href="#linear-gradient-2"/>
    <linearGradient id="linear-gradient-19" x1="-.76" y1="977.5" x2="-.31" y2="977.04" gradientTransform="matrix(205.52 0 0 -131.15 204.63 128364.49)" xlink:href="#linear-gradient"/>
    <linearGradient id="linear-gradient-20" x1="-.77" y1="977.41" x2="-.33" y2="976.97" xlink:href="#linear-gradient-4"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 43" cx="547.62" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#42e8e0"/>
      <stop offset="1" stop-color="#42e8e0"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 53" cx="551.58" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#3bc3ca"/>
      <stop offset="1" stop-color="#3bc3ca"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 52" cx="555.54" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#349fb4"/>
      <stop offset="1" stop-color="#349fb4"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 51" cx="559.5" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#2d7b9e"/>
      <stop offset="1" stop-color="#2d7b9e"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 50" cx="563.46" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#265687"/>
      <stop offset="1" stop-color="#265687"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 49" cx="567.42" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#1f3271"/>
      <stop offset="1" stop-color="#1f3271"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40" data-name="¡ÂÁ˚ÏˇÌÌ˚È „‡‰ËÂÌÚ 40" cx="571.38" cy="72.74" r="1.42" gradientTransform="rotate(-90.6 394.085 341.926)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#180d5b"/>
      <stop offset="1" stop-color="#180d5b"/>
    </radialGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-2" cx="579.47" cy="1086.69" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-2" cx="583.43" cy="1086.69" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-2" cx="587.39" cy="1086.69" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-2" cx="591.35" cy="1086.69" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-2" cx="595.31" cy="1086.69" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-2" cx="599.27" cy="1086.69" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49"/>
    <clipPath id="clip-path" transform="translate(0 52.69)">
      <path d="M79.85 184.63l.57.33a1.7 1.7 0 0 1 .6 2.32 1.68 1.68 0 0 1-2.32.6l-.56-.33z" fill="none"/>
    </clipPath>
    <clipPath id="clip-path-2" transform="translate(0 52.69)">
      <path d="M34.3 161.85l-.56-.33a1.69 1.69 0 1 1 1.71-2.92l.56.33z" fill="none"/>
    </clipPath>
    <filter id="luminosity-noclip" x="93" y="150" width="13" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-color="#fff" result="bg"/>
      <feBlend in="SourceGraphic" in2="bg"/>
    </filter>
    <mask id="mask" x="93" y="202.69" width="13" height="14" maskUnits="userSpaceOnUse">
      <use transform="translate(93 202.69)" xlink:href="#image" filter="url(#luminosity-noclip)"/>
    </mask>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-3" cx="1253.43" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-3" cx="1257.39" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-3" cx="1261.35" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-3" cx="1265.31" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-3" cx="1269.27" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-3" cx="1273.23" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40-2" cx="1277.19" cy="483.12" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40"/>
    <linearGradient id="linear-gradient-21" x1="93" y1="222.78" x2="93" y2="31" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#0ff" stop-opacity=".5"/>
      <stop offset=".07" stop-color="#0ff" stop-opacity=".4"/>
      <stop offset=".17" stop-color="#0ff" stop-opacity=".27"/>
      <stop offset=".28" stop-color="#0ff" stop-opacity=".17"/>
      <stop offset=".4" stop-color="#0ff" stop-opacity=".1"/>
      <stop offset=".53" stop-color="#0ff" stop-opacity=".04"/>
      <stop offset=".7" stop-color="#0ff" stop-opacity=".01"/>
      <stop offset="1" stop-color="#0ff" stop-opacity="0"/>
    </linearGradient>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-4" cx="540.23" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-4" cx="544.19" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-4" cx="548.15" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-4" cx="552.11" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-4" cx="556.07" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-4" cx="560.03" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40-3" cx="563.99" cy="527.68" r="1.42" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-5" cx="586.85" cy="631.75" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-5" cx="590.81" cy="631.75" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-5" cx="594.77" cy="631.75" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-5" cx="598.73" cy="631.75" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-5" cx="602.69" cy="631.75" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-5" cx="606.65" cy="631.75" r="1.42" gradientTransform="rotate(89.4 821.424 385.72)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49"/>
    <clipPath id="clip-path-3" transform="translate(0 52.69)">
      <path d="M534.85 185.63l.57.33a1.7 1.7 0 0 1 .6 2.32 1.68 1.68 0 0 1-2.32.6l-.56-.33z" fill="none"/>
    </clipPath>
    <clipPath id="clip-path-4" transform="translate(0 52.69)">
      <path d="M489.3 162.85l-.56-.33a1.69 1.69 0 1 1 1.71-2.92l.56.33z" fill="none"/>
    </clipPath>
    <filter id="luminosity-noclip-2" x="548" y="151" width="13" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
      <feFlood flood-color="#fff" result="bg"/>
      <feBlend in="SourceGraphic" in2="bg"/>
    </filter>
    <image id="image" width="13" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAACXBIWXMAAAsSAAALEgHS3X78AAAA2UlEQVQoU5WQsY2DQBBF3ywCAlgQhgXqICGiAYqgISKKsFyBGyAiISSimLmIO1n2HdyTRprgP33NAKhzTlWVq2OKosA5x38wZVnied5Z7gWzbZtUVcUwDHoWPjAAdV1TFMVZ9hsDcLvd8DyPcRwvtRmAaZokz/PLt5ljSZKEOI55PB6nbaL6k7nf72qMIU1T+r6XSxLA8/lUEcFaS9d1H8U3CWCeZxURgiCgbds38aMEsCyLigi+79M0zYv4qwSwrquKCGEYkmUZ1lqstfKndLDvu0ZRdHxYvgCiPltecteikAAAAABJRU5ErkJggg=="/>
    <mask id="mask-2" x="548" y="203.69" width="13" height="14" maskUnits="userSpaceOnUse">
      <use transform="translate(548 203.69)" xlink:href="#image" filter="url(#luminosity-noclip-2)"/>
    </mask>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-6" cx="858.9" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-6" cx="862.86" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-6" cx="866.82" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-6" cx="870.78" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-6" cx="874.74" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-6" cx="878.7" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49"/>
    <radialGradient id="_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40-4" cx="882.66" cy="256.52" r="1.42" gradientTransform="matrix(-.87 -.5 -.5 .87 1387.73 383.5)" xlink:href="#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40"/>
    <linearGradient id="linear-gradient-22" x1="548" y1="223.78" x2="548" y2="32" xlink:href="#linear-gradient-21"/>
    <image id="image-2" width="9" height="8" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAICAYAAAArzdW1AAAACXBIWXMAAAsSAAALEgHS3X78AAAAUUlEQVQYV3WPwQ0AIQgEF6vwaStn4bZy/s4u5l4YNUhCwmwGEgxQHR1JarmYgkor1NHxhU2KwjPbLp2iy1dplQ2YEEktF0sr3L4TEPbzvfj8A+z+QCISsKjsAAAAAElFTkSuQmCC"/>
    <image id="image-3" width="48" height="30" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAeCAYAAABqpJ3BAAAACXBIWXMAAAsSAAALEgHS3X78AAACd0lEQVRYR9XVO2sUURjG8f/7ntvs7MZEEIwRNUKUIIhYKIhpFAs/QLCJgiAIioKFKKkEGxHS2QiChQYbaxGbIGKhImJhIeINRdg6X+BYTM5GcWMm2dvkqaY4y57fPO+ZIzFGAEY3nY4AzcV5YQNFYXnzIrBt5Ez8/0+qFYkxLgNUEKOIUVDhV/N+5duQrUMzrbePCGINCIg1BcYbfn69W1mINhfnZXnzWrRgFYyAVQB2Tl6q7FhJOsQAY1vORtFi46KKOFM8G0WDRYLl25u5SrXxFwBg+9i5iAji0ghZxBsANFjwFlP3fH52sxKQfwApOyYuRpbGSYwiwSKZQ4ygeUC8Qbzl0+PZgUJWBKTsOnAlJgBG0Zor2nEGySzqHR8fXh0YYlVAyu6j16PWXNFGzSMqBcYatO6RPPBh7nzfIaUBABMnb0Sk2DhOUV80IMEgucc0MiRY3s/O9A2yJkDK3lO3oliDZg7NPeJM0UawiLdoI/Du8nRfEOsCpOy7cCdq5kAF0whgFTOUIc5ihjMk87yePtFTSEcAgP3X7kWMtMZHgi1Gq+7RoQwzkiNGeTl1uCeQjgEpB28/iuKWzsJwDa354g6xiuYebQS0Hni+Z7KrkK4BUg49eBK1HoqbO/eIUczmHHG2OCuNwMLoeNcQXQekHHn6ooDUfHHQg0UzC9a01nQD0jMAwNSrt1GDawEkc23XdQLpKSDl2I8vUYyA0RXXrBfRF0DK8eb3Vf9srZC+AqAcAspD+g5IKQMpgxgYIKVTyMABUA4B7SGVAKSsB1IpQEoZSEJUEpBSBrLyzVKBbIivUNm0a2NhdFwq3cCfWRgdl3aN/AbZnrwbld1ajwAAAABJRU5ErkJggg=="/>
    <image id="image-4" width="10" height="7" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAAxrNxjAAAACXBIWXMAAAsSAAALEgHS3X78AAAATUlEQVQYV4WPsQ3AMAgED3qnTXZLxvNwrr0AKSIk64Pkq7jXC4FFBADX8XwDMGY3BNdS5QB2tvsXruT2bTGx6kZlzG6+SvVE4ghaTn8Bm2Mgfgxhr2YAAAAASUVORK5CYII="/>
    <image id="image-5" width="13" height="14" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAACXBIWXMAAAsSAAALEgHS3X78AAAAYklEQVQoU52SwRGAMAgED6vgSStaOK3En3aBr4w6koDcm529AWg9mgGAshCSWaIBLzWo19rO3aLhnpoJuJeQtdVNwD+ba4rAF/Q88Az8mDKgWy8CyWxc3wOUhaYrVxbyHvkCEGYoDHNQKoYAAAAASUVORK5CYII="/>
  </defs>
  <g style="isolation:isolate">
    <g id="Layer_1" data-name="Layer 1">
      <path d="M0 49.69h644v543H0z"/>
      <g id="func3">
        <path id="Body" d="M594.25 398.62a3.88 3.88 0 0 1-.49 3.09 3.83 3.83 0 0 1-1.24 1.23l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.92 3.92 0 0 1-1.82-3.65v-7.56l3.52 3.5 38.1-23.91a9.4 9.4 0 0 1 10.06 0L590.55 395l3.7-3.68z" transform="translate(0 52.69)" fill="url(#linear-gradient)"/>
        <g id="Top">
          <path id="Path" d="M548.61 370.35l33.32 21.23a3.94 3.94 0 0 1 1.2 5.42 4 4 0 0 1-1.24 1.22l-33.29 20.64a1.58 1.58 0 0 1-1.66 0l-33.36-20.94a3.91 3.91 0 0 1 0-6.64l33.35-20.94a1.57 1.57 0 0 1 1.68.01z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-2" data-name="Path" d="M551.16 377.51L577 394.24a3.93 3.93 0 0 1 1.16 5.43 3.87 3.87 0 0 1-1.9 1.53l-30 11.39a6.27 6.27 0 0 1-4.88-.19L518 401.48a3.93 3.93 0 0 1-1.88-5.22 3.87 3.87 0 0 1 1.44-1.64l26.78-17.13a6.28 6.28 0 0 1 6.82.02z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape" d="M552.8 363.1l39.76 25.34a3.92 3.92 0 0 1 0 6.64l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.91 3.91 0 0 1-1.23-5.4 3.83 3.83 0 0 1 1.23-1.24l39.8-25a9.4 9.4 0 0 1 10.05.01zm-2.11 8.9a5.49 5.49 0 0 0-5.87 0L516 390a1.44 1.44 0 0 0-.49.49 1.57 1.57 0 0 0 .49 2.16l28.82 18.09a5.5 5.5 0 0 0 5.82 0L579.43 393a1.56 1.56 0 0 0 0-2.65z" transform="translate(0 52.69)" fill="url(#linear-gradient-2)"/>
        </g>
        <path id="Body-2" data-name="Body" d="M594.25 381.33a3.91 3.91 0 0 1-1.73 4.32l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.91 3.91 0 0 1-1.82-3.64V374l3.52 3.5 38.1-23.91a9.42 9.42 0 0 1 10.06 0l37.75 24.06 3.7-3.69z" transform="translate(0 52.69)" fill="url(#linear-gradient-3)"/>
        <g id="Top-2" data-name="Top">
          <path id="Path-3" data-name="Path" d="M548.61 353.06l33.32 21.24a3.93 3.93 0 0 1 0 6.64l-33.33 20.63a1.56 1.56 0 0 1-1.66 0l-33.36-20.94a3.91 3.91 0 0 1 0-6.64l33.35-20.93a1.57 1.57 0 0 1 1.68 0z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-4" data-name="Path" d="M551.16 360.22L577 377a3.91 3.91 0 0 1 1.16 5.42 3.87 3.87 0 0 1-1.9 1.53l-30 11.39a6.27 6.27 0 0 1-4.88-.19L518 384.19a3.93 3.93 0 0 1-1.88-5.22 3.85 3.85 0 0 1 1.44-1.63l26.78-17.13a6.28 6.28 0 0 1 6.82.01z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-2" data-name="Combined-Shape" d="M552.8 345.81l39.76 25.34a3.92 3.92 0 0 1 0 6.64l-39.75 24.65a9.41 9.41 0 0 1-10 0l-39.86-25a3.93 3.93 0 0 1 0-6.64l39.8-25a9.4 9.4 0 0 1 10.05.01zm-2.11 8.89a5.51 5.51 0 0 0-5.87 0L516 372.75a1.44 1.44 0 0 0-.49.49 1.58 1.58 0 0 0 .49 2.17l28.82 18.09a5.5 5.5 0 0 0 5.82 0l28.75-17.83a1.56 1.56 0 0 0 0-2.65z" transform="translate(0 52.69)" fill="url(#linear-gradient-4)"/>
        </g>
      </g>
      <g id="func2" opacity=".89">
        <path id="Body-3" data-name="Body" d="M594.25 218.62a3.88 3.88 0 0 1-.49 3.09 3.83 3.83 0 0 1-1.24 1.23l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.92 3.92 0 0 1-1.82-3.65v-7.56l3.52 3.5 38.1-23.91a9.4 9.4 0 0 1 10.06 0l37.75 24 3.7-3.68z" transform="translate(0 52.69)" fill="url(#linear-gradient-5)"/>
        <g id="Top-3" data-name="Top">
          <path id="Path-5" data-name="Path" d="M548.61 190.35l33.32 21.23a3.94 3.94 0 0 1 1.2 5.42 4 4 0 0 1-1.24 1.22l-33.29 20.64a1.58 1.58 0 0 1-1.66 0l-33.36-20.94a3.91 3.91 0 0 1 0-6.64l33.35-20.94a1.57 1.57 0 0 1 1.68.01z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-6" data-name="Path" d="M551.16 197.51L577 214.24a3.93 3.93 0 0 1 1.16 5.43 3.87 3.87 0 0 1-1.9 1.53l-30 11.39a6.27 6.27 0 0 1-4.88-.19L518 221.48a3.93 3.93 0 0 1-1.88-5.22 3.87 3.87 0 0 1 1.44-1.64l26.78-17.13a6.28 6.28 0 0 1 6.82.02z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-3" data-name="Combined-Shape" d="M552.8 183.1l39.76 25.34a3.92 3.92 0 0 1 0 6.64l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.91 3.91 0 0 1-1.23-5.4 3.83 3.83 0 0 1 1.23-1.24l39.8-25a9.4 9.4 0 0 1 10.05.01zm-2.11 8.9a5.49 5.49 0 0 0-5.87 0L516 210a1.44 1.44 0 0 0-.49.49 1.57 1.57 0 0 0 .49 2.16l28.82 18.09a5.5 5.5 0 0 0 5.82 0L579.43 213a1.56 1.56 0 0 0 0-2.65z" transform="translate(0 52.69)" fill="url(#linear-gradient-6)"/>
        </g>
        <path id="Body-4" data-name="Body" d="M594.25 201.33a3.91 3.91 0 0 1-1.73 4.32l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.91 3.91 0 0 1-1.82-3.64V194l3.52 3.5 38.1-23.91a9.42 9.42 0 0 1 10.06 0l37.75 24.06 3.7-3.69z" transform="translate(0 52.69)" fill="url(#linear-gradient-7)"/>
        <g id="Top-4" data-name="Top">
          <path id="Path-7" data-name="Path" d="M548.61 173.06l33.32 21.24a3.93 3.93 0 0 1 0 6.64l-33.33 20.63a1.56 1.56 0 0 1-1.66 0l-33.36-20.94a3.91 3.91 0 0 1 0-6.64l33.35-20.93a1.57 1.57 0 0 1 1.68 0z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-8" data-name="Path" d="M551.16 180.22L577 197a3.91 3.91 0 0 1 1.16 5.42 3.87 3.87 0 0 1-1.9 1.53l-30 11.39a6.27 6.27 0 0 1-4.88-.19L518 204.19a3.93 3.93 0 0 1-1.88-5.22 3.85 3.85 0 0 1 1.44-1.63l26.78-17.13a6.28 6.28 0 0 1 6.82.01z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-4" data-name="Combined-Shape" d="M552.8 165.81l39.76 25.34a3.92 3.92 0 0 1 0 6.64l-39.75 24.65a9.41 9.41 0 0 1-10 0l-39.86-25a3.93 3.93 0 0 1 0-6.64l39.8-25a9.4 9.4 0 0 1 10.05.01zm-2.11 8.89a5.51 5.51 0 0 0-5.87 0L516 192.75a1.44 1.44 0 0 0-.49.49 1.58 1.58 0 0 0 .49 2.17l28.82 18.09a5.5 5.5 0 0 0 5.82 0l28.75-17.83a1.56 1.56 0 0 0 0-2.65z" transform="translate(0 52.69)" fill="url(#linear-gradient-8)"/>
        </g>
      </g>
      <g id="Layer-2">
        <path id="Body-5" data-name="Body" d="M412.49 364.57a9.16 9.16 0 0 1-.95 6.67 8.11 8.11 0 0 1-2.43 2.64L331.33 427a17 17 0 0 1-19.49-.06l-78-53.88a8.77 8.77 0 0 1-3.57-7.85v-16.33l6.89 7.54 74.53-51.49a17 17 0 0 1 19.69.08l73.85 51.8 7.25-7.93z" transform="translate(0 52.69)" fill="url(#linear-gradient-9)"/>
        <g id="Top-5" data-name="Top">
          <path id="Path-9" data-name="Path" d="M323.19 303.7l65.19 45.73a9 9 0 0 1 2.35 11.66 8.08 8.08 0 0 1-2.43 2.63l-65.12 44.45a2.84 2.84 0 0 1-3.25 0l-65.27-45.1a9 9 0 0 1-2.42-11.64 8.25 8.25 0 0 1 2.42-2.66l65.25-45.07a2.82 2.82 0 0 1 3.28 0z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-10" data-name="Path" d="M328.18 319.12l50.54 36a9 9 0 0 1 2.28 11.71 7.89 7.89 0 0 1-3.72 3.31l-58.78 24.52a11.24 11.24 0 0 1-9.56-.41l-45.55-23.52c-3.84-2-5.49-7-3.69-11.23a8.32 8.32 0 0 1 2.8-3.5l52.39-36.89a11.35 11.35 0 0 1 13.29.01z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-5" data-name="Combined-Shape" d="M331.39 288.08l77.8 54.58a9 9 0 0 1 2.35 11.66 8.11 8.11 0 0 1-2.43 2.64L331.33 410a17 17 0 0 1-19.49-.06l-78-53.88a9 9 0 0 1-2.42-11.64 8.18 8.18 0 0 1 2.42-2.67L311.7 288a17 17 0 0 1 19.69.08zm-4.12 19.15a9.92 9.92 0 0 0-11.48 0l-56.31 38.9a3.33 3.33 0 0 0-1 1.07 3.59 3.59 0 0 0 1 4.66l56.39 38.95a9.91 9.91 0 0 0 11.37 0l56.26-38.4a3.16 3.16 0 0 0 1-1.05 3.58 3.58 0 0 0-.94-4.66z" transform="translate(0 52.69)" fill="url(#linear-gradient-10)"/>
        </g>
      </g>
      <g id="Layer-1">
        <path id="Body-6" data-name="Body" d="M412.49 327.34a9.16 9.16 0 0 1-.95 6.67 8.11 8.11 0 0 1-2.43 2.64l-77.78 53.08a17 17 0 0 1-19.49-.06l-78-53.88a8.76 8.76 0 0 1-3.57-7.85v-16.29l6.89 7.54 74.54-51.49a17 17 0 0 1 19.69.08l73.85 51.8 7.25-7.93z" transform="translate(0 52.69)" fill="url(#linear-gradient-11)"/>
        <g id="Top-6" data-name="Top">
          <path id="Path-11" data-name="Path" d="M323.19 266.47l65.19 45.73a9 9 0 0 1 2.35 11.66 8.11 8.11 0 0 1-2.43 2.64l-65.12 44.44a2.84 2.84 0 0 1-3.25 0l-65.27-45.09a9 9 0 0 1-2.42-11.64 8.18 8.18 0 0 1 2.42-2.67l65.25-45.07a2.82 2.82 0 0 1 3.28 0z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-12" data-name="Path" d="M328.18 281.89l50.54 36A9 9 0 0 1 381 329.6a7.89 7.89 0 0 1-3.72 3.31l-58.78 24.52a11.27 11.27 0 0 1-9.56-.4l-45.56-23.53c-3.84-2-5.49-7-3.69-11.23a8.32 8.32 0 0 1 2.81-3.53l52.39-36.89a11.35 11.35 0 0 1 13.29.04z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-6" data-name="Combined-Shape" d="M331.39 250.85l77.8 54.58a9 9 0 0 1 2.35 11.66 8.11 8.11 0 0 1-2.43 2.64l-77.78 53.08a17 17 0 0 1-19.49-.06l-78-53.88a9 9 0 0 1-2.42-11.64 8.05 8.05 0 0 1 2.42-2.66l77.85-53.79a17 17 0 0 1 19.7.07zM327.27 270a9.92 9.92 0 0 0-11.48-.05l-56.31 38.91a3.3 3.3 0 0 0-1 1.06 3.58 3.58 0 0 0 1 4.66l56.39 39a9.91 9.91 0 0 0 11.37 0l56.26-38.39a3.3 3.3 0 0 0 1-1.06 3.58 3.58 0 0 0-.94-4.66z" transform="translate(0 52.69)" fill="url(#linear-gradient-12)"/>
        </g>
      </g>
      <g id="Layer-2-2" data-name="Layer-2">
        <path id="Body-7" data-name="Body" d="M413.38 293.22a9.19 9.19 0 0 1-.95 6.68 8.08 8.08 0 0 1-2.43 2.63l-77.78 53.08a17 17 0 0 1-19.49-.05l-78-53.88a8.75 8.75 0 0 1-3.57-7.86v-16.29l6.89 7.55 74.53-51.49a17 17 0 0 1 19.68.07l73.86 51.81 7.25-7.94z" transform="translate(0 52.69)" fill="url(#linear-gradient-13)"/>
        <g id="Top-7" data-name="Top">
          <path id="Path-13" data-name="Path" d="M324.08 232.35l65.19 45.73a9 9 0 0 1 2.35 11.66 8.11 8.11 0 0 1-2.43 2.64l-65.12 44.44a2.83 2.83 0 0 1-3.25 0l-65.27-45.09a9 9 0 0 1-2.42-11.64 8 8 0 0 1 2.42-2.66l65.24-45.08a2.86 2.86 0 0 1 3.29 0z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-14" data-name="Path" d="M329.07 247.78l50.54 36a9 9 0 0 1 2.27 11.68 7.81 7.81 0 0 1-3.72 3.3l-58.78 24.52a11.26 11.26 0 0 1-9.57-.4l-45.55-23.52c-3.83-2-5.48-7-3.68-11.23a8.19 8.19 0 0 1 2.81-3.53l52.39-36.89a11.33 11.33 0 0 1 13.29.07z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-7" data-name="Combined-Shape" d="M332.27 216.74l77.81 54.57a9 9 0 0 1 2.35 11.69 8.11 8.11 0 0 1-2.43 2.64l-77.78 53.08a17 17 0 0 1-19.49-.06l-78-53.88a9 9 0 0 1-2.42-11.64 8.14 8.14 0 0 1 2.42-2.66l77.85-53.78a17 17 0 0 1 19.69.04zm-4.11 19.15a9.92 9.92 0 0 0-11.48 0l-56.31 38.9a3.33 3.33 0 0 0-1 1.07 3.57 3.57 0 0 0 1 4.65l56.39 39a9.91 9.91 0 0 0 11.37 0l56.25-38.39a3.28 3.28 0 0 0 1-1.05 3.59 3.59 0 0 0-.94-4.67z" transform="translate(0 52.69)" fill="url(#linear-gradient-14)"/>
        </g>
      </g>
      <g id="Layer-1-2" data-name="Layer-1">
        <path id="Body-8" data-name="Body" d="M413.38 256a9.16 9.16 0 0 1-.95 6.67 8.11 8.11 0 0 1-2.43 2.64l-77.78 53.08a17 17 0 0 1-19.49-.06l-78-53.88a8.74 8.74 0 0 1-3.57-7.85v-16.3l6.89 7.55 74.53-51.49a17 17 0 0 1 19.68.07l73.86 51.81 7.25-7.94z" transform="translate(0 52.69)" fill="url(#linear-gradient-15)"/>
        <g id="Top-8" data-name="Top">
          <path id="Path-15" data-name="Path" d="M324.08 195.13l65.19 45.73a9 9 0 0 1 2.35 11.65 8.11 8.11 0 0 1-2.43 2.64l-65.12 44.44a2.83 2.83 0 0 1-3.25 0l-65.27-45.09a9 9 0 0 1-2.42-11.64 8 8 0 0 1 2.42-2.66l65.24-45.08a2.84 2.84 0 0 1 3.29.01z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-16" data-name="Path" d="M329.07 210.55l50.54 36a9 9 0 0 1 2.27 11.68 7.89 7.89 0 0 1-3.72 3.31l-58.78 24.52a11.26 11.26 0 0 1-9.57-.41l-45.55-23.52c-3.83-2-5.48-7-3.68-11.23a8.19 8.19 0 0 1 2.81-3.53l52.39-36.89a11.35 11.35 0 0 1 13.29.07z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-8" data-name="Combined-Shape" d="M332.27 179.51l77.81 54.58a9 9 0 0 1 2.35 11.66 8.08 8.08 0 0 1-2.43 2.63l-77.78 53.08a17 17 0 0 1-19.49 0l-78-53.88a9 9 0 0 1-2.42-11.64 8.08 8.08 0 0 1 2.42-2.67l77.85-53.78a17 17 0 0 1 19.69.02zm-4.11 19.15a9.92 9.92 0 0 0-11.48 0l-56.31 38.9a3.33 3.33 0 0 0-1 1.07 3.57 3.57 0 0 0 1 4.65l56.39 39a9.93 9.93 0 0 0 11.37 0l56.25-38.4a3.09 3.09 0 0 0 1-1.05 3.59 3.59 0 0 0-.94-4.67z" transform="translate(0 52.69)" fill="url(#linear-gradient-16)"/>
        </g>
      </g>
      <path id="glow" d="M422.91 5.1c48.64 117.83-2.46 347.93-43.65 444.78-44.23 104-139 77.36-169.73-46.08-36.8-148.09 8.47-251.47 25.28-365.62S388.83-77.44 422.91 5.1z" transform="translate(0 52.69)" opacity=".11" fill="url(#radial-gradient)" style="mix-blend-mode:lighten"/>
      <g id="particles">
        <g fill="#42e8e0">
          <path d="M255.94 130.9a1.63 1.63 0 1 1-2.3 0 1.63 1.63 0 0 1 2.3 0z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M280.23 148.72a1.62 1.62 0 1 1-2.3 0 1.63 1.63 0 0 1 2.3 0z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M275.55 127.6a1.65 1.65 0 1 1-2.34 0 1.65 1.65 0 0 1 2.34 0z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M269.59 128.78a1.06 1.06 0 0 1 0 1.5 1.07 1.07 0 0 1-1.51 0 1.06 1.06 0 0 1 0-1.5 1.07 1.07 0 0 1 1.51 0z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M298.89 137.81a1.65 1.65 0 1 0-.55-2.27 1.65 1.65 0 0 0 .55 2.27z" transform="translate(0 52.69)"/>
        </g>
        <g fill="#42e8e0">
          <path d="M245.92 171.77a1.62 1.62 0 1 1-1.54-1.71 1.62 1.62 0 0 1 1.54 1.71z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M249.4 201.69a1.63 1.63 0 1 1-1.54-1.71 1.64 1.64 0 0 1 1.54 1.71z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M261.69 183.89a1.66 1.66 0 1 1-1.57-1.74 1.66 1.66 0 0 1 1.57 1.74z" transform="translate(0 52.69)"/>
          <path d="M256.76 180.32a1.06 1.06 0 1 1-1-1.11 1.06 1.06 0 0 1 1 1.11z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M270.09 207.94a1.65 1.65 0 1 0 1.29-1.95 1.65 1.65 0 0 0-1.29 1.95z" transform="translate(0 52.69)"/>
        </g>
        <g fill="#fff">
          <path d="M303.71 216.69a.84.84 0 0 1 1.18.14.85.85 0 0 1-.14 1.19.84.84 0 0 1-1.18-.15.83.83 0 0 1 .14-1.18z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M314.24 205.19a.84.84 0 0 1 1 1.32.84.84 0 1 1-1-1.32z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M303.11 206.41a.86.86 0 1 1-.15 1.21.87.87 0 0 1 .15-1.21z" transform="translate(0 52.69)"/>
          <path d="M303.38 209.55a.54.54 0 0 1 .77.09.55.55 0 1 1-.86.68.54.54 0 0 1 .09-.77z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M309.67 195a.84.84 0 0 0-.15-1.19.86.86 0 1 0 .15 1.19z" transform="translate(0 52.69)"/>
        </g>
        <g fill="#42e8e0">
          <path d="M295.91 174.44a1.62 1.62 0 1 1-1.72 1.53 1.61 1.61 0 0 1 1.72-1.53z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M325.85 171.17a1.63 1.63 0 1 1-1.72 1.53 1.63 1.63 0 0 1 1.72-1.53z" transform="translate(0 52.69)" opacity=".3"/>
          <path d="M308.13 158.76a1.65 1.65 0 1 1-1.75 1.56 1.64 1.64 0 0 1 1.75-1.56z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M304.53 163.66a1.06 1.06 0 0 1-.12 2.12 1.06 1.06 0 1 1 .12-2.12z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M332.24 150.52a1.65 1.65 0 0 0-.63-3.24 1.65 1.65 0 1 0 .63 3.24z" transform="translate(0 52.69)"/>
          <g>
            <path d="M316.12 211.34a1.62 1.62 0 1 1-2.29-.22 1.62 1.62 0 0 1 2.29.22z" transform="translate(0 52.69)" opacity=".3"/>
            <path d="M338.89 231.06a1.62 1.62 0 1 1-2.29-.22 1.62 1.62 0 0 1 2.29.22z" transform="translate(0 52.69)" opacity=".3"/>
            <path d="M335.93 209.63a1.65 1.65 0 0 1-2.55 2.11 1.66 1.66 0 0 1 .22-2.33 1.64 1.64 0 0 1 2.33.22z" transform="translate(0 52.69)"/>
            <path d="M329.89 210.32a1.06 1.06 0 0 1-.14 1.5 1.06 1.06 0 1 1-1.35-1.64 1.06 1.06 0 0 1 1.49.14z" transform="translate(0 52.69)" opacity=".2"/>
            <path d="M358.37 221.69a1.65 1.65 0 1 0-.36-2.31 1.65 1.65 0 0 0 .36 2.31z" transform="translate(0 52.69)"/>
          </g>
          <g>
            <path d="M389.08 205.43a.84.84 0 1 1 .69 1 .84.84 0 0 1-.69-1z" transform="translate(0 52.69)" opacity=".3"/>
            <path d="M389.07 189.84a.84.84 0 1 1 .69 1 .84.84 0 0 1-.69-1z" transform="translate(0 52.69)" opacity=".3"/>
            <path d="M381.69 198.26a.86.86 0 1 1 .7 1 .85.85 0 0 1-.7-1z" transform="translate(0 52.69)"/>
            <path d="M384 200.39a.55.55 0 0 1 .63-.45.55.55 0 0 1 .46.63.56.56 0 0 1-.64.45.55.55 0 0 1-.45-.63z" transform="translate(0 52.69)" opacity=".2"/>
            <path d="M378.8 185.39a.85.85 0 0 0-.92-.78.86.86 0 0 0-.78.93.85.85 0 0 0 .92.78.86.86 0 0 0 .78-.93z" transform="translate(0 52.69)"/>
          </g>
        </g>
      </g>
      <g id="lightning">
        <path fill="#f2f0a5" d="M552.58 240.61h-6.26l-4.35 10.9 4.35.05-3.01 10.05L554 247.69l-5.33.74 3.91-7.82z"/>
        <path fill="none" stroke="#aeebed" stroke-linecap="round" stroke-miterlimit="10" d="M555.76 244.98l6.24 6.24-6.68 6.68"/>
        <path fill="none" stroke="#aeebed" stroke-linecap="round" stroke-miterlimit="10" d="M539.74 244.98l-6.24 6.24 6.68 6.68"/>
      </g>
      <g id="lightning-2" data-name="lightning">
        <path fill="#f2f0a5" d="M552.58 419.61h-6.26l-4.35 10.9 4.35.05-3.01 10.05L554 426.69l-5.33.74 3.91-7.82z"/>
        <path fill="none" stroke="#aeebed" stroke-linecap="round" stroke-miterlimit="10" d="M555.76 423.98l6.24 6.24-6.68 6.68"/>
        <path fill="none" stroke="#aeebed" stroke-linecap="round" stroke-miterlimit="10" d="M539.74 423.98l-6.24 6.24 6.68 6.68"/>
      </g>
      <text transform="translate(286 509.02)" opacity=".77" font-size="14" fill="#0ff" font-family="Source Sans Pro">Orchestrator</text>
      <g id="func1" opacity=".89">
        <path id="Body-9" data-name="Body" d="M139.25 217.62a3.88 3.88 0 0 1-.49 3.09 3.83 3.83 0 0 1-1.24 1.23l-39.75 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.92 3.92 0 0 1-1.82-3.65v-7.56l3.52 3.5 38.1-23.91a9.4 9.4 0 0 1 10.06 0l37.75 24 3.7-3.68z" transform="translate(0 52.69)" fill="url(#linear-gradient-17)"/>
        <g id="Top-9" data-name="Top">
          <path id="Path-17" data-name="Path" d="M93.61 189.35l33.32 21.23a3.94 3.94 0 0 1 1.2 5.42 4 4 0 0 1-1.24 1.22L93.6 237.86a1.58 1.58 0 0 1-1.66 0l-33.36-20.94a3.91 3.91 0 0 1 0-6.64l33.35-20.94a1.57 1.57 0 0 1 1.68.01z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-18" data-name="Path" d="M96.16 196.51L122 213.24a3.93 3.93 0 0 1 1.16 5.43 3.87 3.87 0 0 1-1.9 1.53l-30 11.39a6.27 6.27 0 0 1-4.88-.19L63 220.48a3.93 3.93 0 0 1-1.88-5.22 3.87 3.87 0 0 1 1.44-1.64l26.78-17.13a6.28 6.28 0 0 1 6.82.02z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-9" data-name="Combined-Shape" d="M97.8 182.1l39.76 25.34a3.92 3.92 0 0 1 0 6.64l-39.79 24.65a9.43 9.43 0 0 1-10 0l-39.86-25a3.91 3.91 0 0 1-1.23-5.4 3.83 3.83 0 0 1 1.26-1.33l39.8-25a9.4 9.4 0 0 1 10.06.1zm-2.11 8.9a5.49 5.49 0 0 0-5.87 0L61 209a1.44 1.44 0 0 0-.49.49 1.57 1.57 0 0 0 .49 2.16l28.82 18.09a5.5 5.5 0 0 0 5.82 0L124.43 212a1.56 1.56 0 0 0 0-2.65z" transform="translate(0 52.69)" fill="url(#linear-gradient-18)"/>
        </g>
        <path id="Body-10" data-name="Body" d="M139.25 200.33a3.91 3.91 0 0 1-1.73 4.32L97.77 229.3a9.43 9.43 0 0 1-10 0l-39.86-25a3.91 3.91 0 0 1-1.82-3.64V193l3.52 3.5 38.1-23.91a9.42 9.42 0 0 1 10.06 0l37.75 24.06 3.7-3.69z" transform="translate(0 52.69)" fill="url(#linear-gradient-19)"/>
        <g id="Top-10" data-name="Top">
          <path id="Path-19" data-name="Path" d="M93.61 172.06l33.32 21.24a3.93 3.93 0 0 1 0 6.64L93.6 220.57a1.56 1.56 0 0 1-1.66 0l-33.36-20.94a3.91 3.91 0 0 1 0-6.64l33.35-20.93a1.57 1.57 0 0 1 1.68 0z" transform="translate(0 52.69)" fill="#3ed2f4"/>
          <path id="Path-20" data-name="Path" d="M96.16 179.22L122 196a3.91 3.91 0 0 1 1.16 5.42 3.87 3.87 0 0 1-1.9 1.53l-30 11.39a6.27 6.27 0 0 1-4.88-.19L63 203.19a3.93 3.93 0 0 1-1.85-5.19 3.85 3.85 0 0 1 1.44-1.63l26.78-17.13a6.28 6.28 0 0 1 6.79-.02z" transform="translate(0 52.69)" fill="#6be1f5"/>
          <path id="Combined-Shape-10" data-name="Combined-Shape" d="M97.8 164.81l39.76 25.34a3.92 3.92 0 0 1 0 6.64l-39.79 24.65a9.41 9.41 0 0 1-10 0l-39.86-25a3.93 3.93 0 0 1 0-6.64l39.8-25a9.4 9.4 0 0 1 10.09.01zm-2.11 8.89a5.51 5.51 0 0 0-5.87 0L61 191.75a1.44 1.44 0 0 0-.49.49 1.58 1.58 0 0 0 .49 2.17l28.86 18.09a5.5 5.5 0 0 0 5.82 0l28.75-17.83a1.56 1.56 0 0 0 0-2.65z" transform="translate(0 52.69)" fill="url(#linear-gradient-20)"/>
        </g>
      </g>
      <g id="activated1" data-name="activated">
        <path fill="#42e8e0" d="M77.66 185.58l-5.1-2.95v-10.37l5.1 2.95v10.37z"/>
        <g id="dots-up" data-name="dots-up">
          <path d="M121.13 189.43a1.42 1.42 0 1 1-1.4 1.44 1.43 1.43 0 0 1 1.4-1.44z" transform="translate(0 52.69)" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43)" style="mix-blend-mode:lighten"/>
          <path d="M121.08 185.47a1.42 1.42 0 1 1-1.4 1.44 1.42 1.42 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".92" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53)" style="mix-blend-mode:lighten"/>
          <path d="M121 181.51a1.42 1.42 0 1 1-1.4 1.44 1.41 1.41 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".83" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52)" style="mix-blend-mode:lighten"/>
          <path d="M121 177.55a1.42 1.42 0 1 1-1.4 1.44 1.42 1.42 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".75" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51)" style="mix-blend-mode:lighten"/>
          <path d="M120.91 173.59a1.42 1.42 0 1 1-1.4 1.44 1.41 1.41 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".67" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50)" style="mix-blend-mode:lighten"/>
          <path d="M120.86 169.63a1.42 1.42 0 1 1-1.41 1.44 1.42 1.42 0 0 1 1.41-1.44z" transform="translate(0 52.69)" opacity=".58" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49)" style="mix-blend-mode:lighten"/>
          <path d="M120.8 165.67a1.42 1.42 0 1 1-1.4 1.44 1.42 1.42 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".5" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40)" style="mix-blend-mode:lighten"/>
          <g>
            <path d="M120.48 156.53a1.43 1.43 0 1 1 1.4-1.44 1.41 1.41 0 0 1-1.4 1.44z" transform="translate(0 52.69)" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-2)" style="mix-blend-mode:lighten"/>
            <path d="M120.54 160.49a1.43 1.43 0 1 1 1.4-1.45 1.42 1.42 0 0 1-1.4 1.45z" transform="translate(0 52.69)" opacity=".92" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-2)" style="mix-blend-mode:lighten"/>
            <path d="M120.59 164.45A1.43 1.43 0 1 1 122 163a1.43 1.43 0 0 1-1.41 1.45z" transform="translate(0 52.69)" opacity=".83" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-2)" style="mix-blend-mode:lighten"/>
            <path d="M120.65 168.41a1.43 1.43 0 1 1 1.4-1.45 1.42 1.42 0 0 1-1.4 1.45z" transform="translate(0 52.69)" opacity=".75" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-2)" style="mix-blend-mode:lighten"/>
            <path d="M120.7 172.37a1.43 1.43 0 1 1 1.41-1.45 1.43 1.43 0 0 1-1.41 1.45z" transform="translate(0 52.69)" opacity=".67" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-2)" style="mix-blend-mode:lighten"/>
            <path d="M120.76 176.33a1.43 1.43 0 1 1 1.4-1.45 1.42 1.42 0 0 1-1.4 1.45z" transform="translate(0 52.69)" opacity=".58" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-2)" style="mix-blend-mode:lighten"/>
          </g>
        </g>
        <g id="beam-r" opacity=".5" style="mix-blend-mode:lighten">
          <g clip-path="url(#clip-path)">
            <use transform="translate(78 236.69)" xlink:href="#image-2"/>
          </g>
          <use transform="translate(33 210.69)" xlink:href="#image-3"/>
          <g clip-path="url(#clip-path-2)">
            <use transform="translate(27 207.69)" xlink:href="#image-4"/>
          </g>
        </g>
        <g id="wheel">
          <path d="M102.54 155.81a2.13 2.13 0 0 1-1-.31 4.89 4.89 0 0 1-2.19-3.8 1.42 1.42 0 0 1 2.31-1.34 4.86 4.86 0 0 1 2.2 3.8 1.64 1.64 0 0 1-.69 1.49 1.26 1.26 0 0 1-.63.16zm-1.91-5.51a1 1 0 0 0-.49.12 1.39 1.39 0 0 0-.57 1.28 4.59 4.59 0 0 0 2.07 3.59 1.41 1.41 0 0 0 1.39.15 1.39 1.39 0 0 0 .57-1.28 4.58 4.58 0 0 0-2.08-3.59 1.82 1.82 0 0 0-.89-.27z" transform="translate(0 52.69)" fill="#42e8e0"/>
          <g mask="url(#mask)">
            <use transform="translate(93 202.69)" xlink:href="#image-5"/>
          </g>
          <path d="M102.88 153.68c0 .83-.58 1.16-1.3.75a2.89 2.89 0 0 1-1.29-2.25c0-.83.58-1.16 1.29-.75a2.86 2.86 0 0 1 1.3 2.25z" transform="translate(0 52.69)" fill="#42e8e0"/>
          <g id="outer-fan" fill="#42e8e0">
            <path d="M102.23 197.99l-1.29-.74v-2.53l1.29.74v2.53z"/>
            <path opacity=".8" d="M100.06 196.9l-1.23-.25-.68-2.8 1.23.25.68 2.8z"/>
            <path opacity=".6" d="M98.03 196.66l-1.04.27-1.29-2.79 1.04-.27 1.29 2.79z"/>
            <path opacity=".4" d="M96.36 197.3l-.76.76-1.77-2.51.75-.76 1.78 2.51z"/>
            <path opacity=".2" d="M95.19 198.75l-.4 1.18-2.08-1.98.4-1.18 2.08 1.98z"/>
            <path opacity=".1" d="M94.65 200.88v1.48l-2.19-1.26v-1.49l2.19 1.27z"/>
          </g>
          <g id="fan" fill="#42e8e0">
            <path opacity=".2" d="M101.81 202.23l-.45-.26v-3.78l.45.26v3.78z"/>
            <path opacity=".4" d="M100.86 201.77l-.43-.09-1.01-4.17.43.08 1.01 4.18z"/>
            <path opacity=".6" d="M99.97 201.69l-.36.09-1.92-4.16.36-.1 1.92 4.17z"/>
            <path opacity=".8" d="M99.25 201.99l-.27.27-2.64-3.75.26-.27 2.65 3.75z"/>
            <path d="M98.75 202.65l-.14.41-3.11-2.96.14-.41 3.11 2.96z"/>
            <path d="M98.53 203.6v.52l-3.27-1.89v-.52l3.27 1.89z"/>
            <path d="M98.61 204.75l.14.57-3.11-.63-.14-.57 3.11.63z"/>
            <path d="M98.98 205.98l.27.58-2.65.69-.26-.58 2.64-.69z"/>
            <path d="M99.61 207.18l.36.52-1.92 1.94-.36-.52 1.92-1.94z"/>
            <path d="M100.43 208.22l.43.41-1.01 3.01-.43-.41 1.01-3.01z"/>
            <path d="M101.36 209.01l.45.27v3.77l-.45-.26v-3.78z"/>
          </g>
          <g id="outer-circle" fill="#42e8e0">
            <path d="M102.7 140a26.86 26.86 0 0 1 10.49 17.23l2.24 1.89c-.73-8-6.07-17.15-12.73-21.6z" transform="translate(0 52.69)" opacity=".6"/>
            <path d="M111.11 166.43c-2.14 2.16-5.61 2.37-9.53.1a18.76 18.76 0 0 1-2.68-1.9l-1 1.72a22.54 22.54 0 0 0 3.64 2.66c5 2.86 9.3 2.38 11.77-.69z" transform="translate(0 52.69)" opacity=".2"/>
            <path d="M93.23 161l1-1.72a24.89 24.89 0 0 1-4.4-13.13c0-7.08 4.69-10.19 10.67-7.39v-2.48c-7.17-3.48-12.81.18-12.81 8.63-.03 5.24 2.16 11.18 5.54 16.09z" transform="translate(0 52.69)"/>
          </g>
          <g fill="#42e8e0">
            <path d="M106.19 215.68l-1.14-.66V198l1.14.66v17.02z"/>
            <path opacity=".8" d="M107.83 216.62l-1.15-.66v-7.4l1.15.66v7.4z"/>
            <path opacity=".6" d="M109.57 217.63l-1.15-.66v-11.78l1.15.66v11.78z"/>
            <path opacity=".2" d="M111.29 218.62l-1.15-.66v-9.17l1.15.66v9.17z"/>
          </g>
        </g>
        <g id="dots-r" data-name="dots-r">
          <path d="M59.35 174.51a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-3)" style="mix-blend-mode:lighten"/>
          <path d="M55.92 172.53a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".92" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-3)" style="mix-blend-mode:lighten"/>
          <path d="M52.49 170.55a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".83" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-3)" style="mix-blend-mode:lighten"/>
          <path d="M49.06 168.57a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".75" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-3)" style="mix-blend-mode:lighten"/>
          <path d="M45.63 166.59a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".67" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-3)" style="mix-blend-mode:lighten"/>
          <path d="M42.2 164.61a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".58" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-3)" style="mix-blend-mode:lighten"/>
          <path d="M38.77 162.63a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".5" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40-2)" style="mix-blend-mode:lighten"/>
        </g>
        <path fill="#42e8e0" d="M86.15 156.71l-1.71-.99v-2.36l1.71.99v2.36z"/>
        <g id="panels" data-name="panels" opacity=".5" fill="#42e8e0">
          <path d="M77.66 141.28l-5.1-2.94v-5.89l5.1 2.95v5.88z"/>
          <path d="M77.66 146.55l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M77.66 151.81l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M77.66 226.02l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M77.66 231.28l-5.1-2.94v-2.36l5.1 2.95v2.35z"/>
          <path d="M77.66 236.54l-5.1-2.94v-2.36l5.1 2.95v2.35z"/>
          <path d="M77.66 241.8l-5.1-2.94v-2.36l5.1 2.95v2.35z"/>
          <path d="M77.66 247.07l-5.1-2.95v-2.36l5.1 2.95v2.36z"/>
          <path d="M77.66 172.3l-5.1-2.94v-17.59l5.1 2.94v17.59z"/>
          <path d="M77.66 185.58l-5.1-2.95v-10.37l5.1 2.95v10.37z"/>
          <path d="M70.23 135.6l-2.58-1.48a2.34 2.34 0 0 1-1.16-2v-7.44a.91.91 0 0 1 1.36-.79l2.57 1.49a2.34 2.34 0 0 1 1.17 2v7.45a.91.91 0 0 1-1.36.77z" transform="translate(0 52.69)" opacity=".8"/>
          <path d="M64.15 139.12l-2.57-1.48a2.33 2.33 0 0 1-1.17-2v-7.45a.9.9 0 0 1 1.36-.78l2.57 1.48a2.35 2.35 0 0 1 1.17 2v7.45a.9.9 0 0 1-1.36.78z" transform="translate(0 52.69)" opacity=".6"/>
          <path d="M58.07 142.67l-2.57-1.49a2.35 2.35 0 0 1-1.17-2v-7.45a.9.9 0 0 1 1.36-.78l2.58 1.48a2.34 2.34 0 0 1 1.16 2v7.45a.91.91 0 0 1-1.36.79z" transform="translate(0 52.69)" opacity=".4"/>
          <path d="M52 146.48L49.43 145a2.33 2.33 0 0 1-1.17-2v-7.44a.91.91 0 0 1 1.36-.79l2.57 1.49a2.35 2.35 0 0 1 1.17 2v7.45a.9.9 0 0 1-1.36.77z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M77.66 194.37l-5.1-2.94v-5.89l5.1 2.94v5.89z"/>
          <path d="M77.66 203.17l-5.1-2.95v-5.89l5.1 2.95v5.89z"/>
          <path d="M77.66 211.96l-5.1-2.94v-5.89l5.1 2.94v5.89z"/>
          <path d="M77.66 220.76l-5.1-2.95v-5.89l5.1 2.95v5.89z"/>
          <g>
            <path d="M86.15 146.18l-1.71-.98v-5.89l1.71.98v5.89z"/>
            <path d="M86.15 151.44l-1.71-.98v-2.36l1.71.99v2.35z"/>
            <path d="M86.15 156.71l-1.71-.99v-2.36l1.71.99v2.36z"/>
            <path d="M86.15 230.92l-1.71-.99v-2.36l1.71.99v2.36z"/>
            <path d="M86.15 236.18l-1.71-.99v-2.35l1.71.98v2.36z"/>
            <path d="M86.15 241.44l-1.71-.98v-2.36l1.71.99v2.35z"/>
            <path d="M86.15 246.7l-1.71-.98v-2.36l1.71.99v2.35z"/>
            <path d="M86.15 251.97l-1.71-.99v-2.36l1.71.99v2.36z"/>
            <path d="M86.15 177.2l-1.71-.98v-17.59l1.71.98v17.59z"/>
            <path d="M86.15 190.47l-1.71-.98v-10.37l1.71.99v10.36z"/>
            <path d="M86.15 199.27l-1.71-.99v-5.89l1.71.99v5.89z"/>
            <path d="M86.15 208.07l-1.71-.99v-5.89l1.71.99v5.89z"/>
            <path d="M86.15 216.86l-1.71-.99v-5.88l1.71.98v5.89z"/>
            <path d="M86.15 225.66l-1.71-.99v-5.89l1.71.99v5.89z"/>
          </g>
          <g>
            <path d="M80.08 242.57l1.94 1.12v5.89l-1.94-1.12v-5.89z"/>
            <path d="M80.08 237.31l1.94 1.12v2.35l-1.94-1.11v-2.36z"/>
            <path d="M80.08 232.05l1.94 1.12v2.35l-1.94-1.11v-2.36z"/>
            <path d="M80.08 157.84l1.94 1.12v2.35l-1.94-1.12v-2.35z"/>
            <path d="M80.08 152.58l1.94 1.11v2.36l-1.94-1.12v-2.35z"/>
            <path d="M80.08 147.32l1.94 1.11v2.36l-1.94-1.12v-2.35z"/>
            <path d="M80.08 142.05l1.94 1.12v2.36l-1.94-1.12v-2.36z"/>
            <path d="M80.08 136.79l1.94 1.12v2.35l-1.94-1.11v-2.36z"/>
            <path d="M80.08 211.55l1.94 1.12v17.59l-1.94-1.11v-17.6z"/>
            <path d="M80.08 198.28l1.94 1.12v10.36l-1.94-1.11v-10.37z"/>
            <path d="M80.08 189.49l1.94 1.11v5.89l-1.94-1.11v-5.89z"/>
            <path d="M80.08 180.69l1.94 1.12v5.89l-1.94-1.12v-5.89z"/>
            <path d="M80.08 171.9l1.94 1.11v5.89l-1.94-1.11v-5.89z"/>
            <path d="M80.08 163.1l1.94 1.12v5.89l-1.94-1.12v-5.89z"/>
          </g>
          <path d="M77.66 226.02l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M77.66 211.96l-5.1-2.94v-5.89l5.1 2.94v5.89z"/>
        </g>
        <g fill="#42e8e0">
          <path d="M51.8 141.19c0 .63-.44.89-1 .57a2.21 2.21 0 0 1-1-1.72c0-.64.45-.89 1-.58a2.2 2.2 0 0 1 1 1.73z" transform="translate(0 52.69)"/>
          <path d="M57.88 137.37c0 .63-.45.89-1 .57a2.17 2.17 0 0 1-1-1.72c0-.63.44-.89 1-.57a2.19 2.19 0 0 1 1 1.72z" transform="translate(0 52.69)"/>
          <path d="M64 133.83c0 .63-.44.89-1 .57a2.17 2.17 0 0 1-1-1.72c0-.63.44-.89 1-.57a2.18 2.18 0 0 1 1 1.72z" transform="translate(0 52.69)"/>
          <path d="M70 130.31c0 .63-.44.89-1 .57a2.21 2.21 0 0 1-1-1.72c0-.64.45-.89 1-.58a2.2 2.2 0 0 1 1 1.73z" transform="translate(0 52.69)"/>
        </g>
        <path id="glow-2" data-name="glow" d="M8 31l38 164 41 26s7 4 10 0l41-26s0 .22.48-2.39S178 31 178 31z" transform="translate(0 52.69)" fill="url(#linear-gradient-21)"/>
      </g>
      <g id="activated2" data-name="activated">
        <path fill="#42e8e0" d="M532.66 186.58l-5.1-2.95v-10.37l5.1 2.95v10.37z"/>
        <g id="dots-up-2" data-name="dots-up">
          <path d="M576.13 190.43a1.42 1.42 0 1 1-1.4 1.44 1.43 1.43 0 0 1 1.4-1.44z" transform="translate(0 52.69)" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-4)" style="mix-blend-mode:lighten"/>
          <path d="M576.08 186.47a1.42 1.42 0 1 1-1.4 1.44 1.42 1.42 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".92" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-4)" style="mix-blend-mode:lighten"/>
          <path d="M576 182.51a1.42 1.42 0 1 1-1.4 1.44 1.41 1.41 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".83" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-4)" style="mix-blend-mode:lighten"/>
          <path d="M576 178.55a1.42 1.42 0 1 1-1.4 1.44 1.42 1.42 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".75" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-4)" style="mix-blend-mode:lighten"/>
          <path d="M575.91 174.59a1.42 1.42 0 1 1-1.4 1.44 1.41 1.41 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".67" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-4)" style="mix-blend-mode:lighten"/>
          <path d="M575.86 170.63a1.42 1.42 0 1 1-1.41 1.44 1.42 1.42 0 0 1 1.41-1.44z" transform="translate(0 52.69)" opacity=".58" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-4)" style="mix-blend-mode:lighten"/>
          <path d="M575.8 166.67a1.42 1.42 0 1 1-1.4 1.44 1.42 1.42 0 0 1 1.4-1.44z" transform="translate(0 52.69)" opacity=".5" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40-3)" style="mix-blend-mode:lighten"/>
          <g>
            <path d="M575.48 157.53a1.43 1.43 0 1 1 1.4-1.44 1.41 1.41 0 0 1-1.4 1.44z" transform="translate(0 52.69)" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-5)" style="mix-blend-mode:lighten"/>
            <path d="M575.54 161.49a1.43 1.43 0 1 1 1.4-1.45 1.42 1.42 0 0 1-1.4 1.45z" transform="translate(0 52.69)" opacity=".92" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-5)" style="mix-blend-mode:lighten"/>
            <path d="M575.59 165.45A1.43 1.43 0 1 1 577 164a1.43 1.43 0 0 1-1.41 1.45z" transform="translate(0 52.69)" opacity=".83" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-5)" style="mix-blend-mode:lighten"/>
            <path d="M575.65 169.41a1.43 1.43 0 1 1 1.4-1.45 1.42 1.42 0 0 1-1.4 1.45z" transform="translate(0 52.69)" opacity=".75" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-5)" style="mix-blend-mode:lighten"/>
            <path d="M575.7 173.37a1.43 1.43 0 1 1 1.41-1.45 1.43 1.43 0 0 1-1.41 1.45z" transform="translate(0 52.69)" opacity=".67" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-5)" style="mix-blend-mode:lighten"/>
            <path d="M575.76 177.33a1.43 1.43 0 1 1 1.4-1.45 1.42 1.42 0 0 1-1.4 1.45z" transform="translate(0 52.69)" opacity=".58" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-5)" style="mix-blend-mode:lighten"/>
          </g>
        </g>
        <g id="beam-r-2" data-name="beam-r" opacity=".5" style="mix-blend-mode:lighten">
          <g clip-path="url(#clip-path-3)">
            <use transform="translate(533 185)" xlink:href="#image-2"/>
          </g>
          <use transform="translate(488 159)" xlink:href="#image-3"/>
          <g clip-path="url(#clip-path-4)">
            <use transform="translate(482 156)" xlink:href="#image-4"/>
          </g>
        </g>
        <g id="wheel-2" data-name="wheel">
          <path d="M557.54 156.81a2.13 2.13 0 0 1-1-.31 4.89 4.89 0 0 1-2.19-3.8 1.42 1.42 0 0 1 2.31-1.34 4.86 4.86 0 0 1 2.2 3.8 1.64 1.64 0 0 1-.69 1.49 1.26 1.26 0 0 1-.63.16zm-1.91-5.51a1 1 0 0 0-.49.12 1.39 1.39 0 0 0-.57 1.28 4.59 4.59 0 0 0 2.07 3.59 1.41 1.41 0 0 0 1.39.15 1.39 1.39 0 0 0 .57-1.28 4.58 4.58 0 0 0-2.08-3.59 1.82 1.82 0 0 0-.89-.27z" transform="translate(0 52.69)" fill="#42e8e0"/>
          <g mask="url(#mask-2)">
            <use transform="translate(548 151)" xlink:href="#image-5"/>
          </g>
          <path d="M557.88 154.68c0 .83-.58 1.16-1.3.75a2.89 2.89 0 0 1-1.29-2.25c0-.83.58-1.16 1.29-.75a2.86 2.86 0 0 1 1.3 2.25z" transform="translate(0 52.69)" fill="#42e8e0"/>
          <g id="outer-fan-2" data-name="outer-fan" fill="#42e8e0">
            <path d="M557.23 198.99l-1.29-.74v-2.53l1.29.74v2.53z"/>
            <path opacity=".8" d="M555.05 197.9l-1.22-.25-.68-2.8 1.23.25.67 2.8z"/>
            <path opacity=".6" d="M553.03 197.66l-1.04.27-1.29-2.79 1.04-.27 1.29 2.79z"/>
            <path opacity=".4" d="M551.36 198.3l-.76.76-1.77-2.51.75-.76 1.78 2.51z"/>
            <path opacity=".2" d="M550.19 199.75l-.4 1.18-2.08-1.98.4-1.18 2.08 1.98z"/>
            <path opacity=".1" d="M549.65 201.88v1.48l-2.19-1.26v-1.49l2.19 1.27z"/>
          </g>
          <g id="fan-2" data-name="fan" fill="#42e8e0">
            <path opacity=".2" d="M556.81 203.23l-.45-.26v-3.78l.45.26v3.78z"/>
            <path opacity=".4" d="M555.86 202.77l-.43-.09-1.01-4.17.43.08 1.01 4.18z"/>
            <path opacity=".6" d="M554.97 202.69l-.36.09-1.92-4.16.36-.1 1.92 4.17z"/>
            <path opacity=".8" d="M554.25 202.99l-.27.27-2.64-3.75.26-.27 2.65 3.75z"/>
            <path d="M553.75 203.65l-.14.41-3.11-2.96.14-.41 3.11 2.96z"/>
            <path d="M553.53 204.6v.52l-3.27-1.89v-.52l3.27 1.89z"/>
            <path d="M553.61 205.75l.14.57-3.11-.63-.14-.57 3.11.63z"/>
            <path d="M553.98 206.98l.27.58-2.65.69-.26-.58 2.64-.69z"/>
            <path d="M554.61 208.18l.36.52-1.92 1.94-.36-.52 1.92-1.94z"/>
            <path d="M555.43 209.22l.43.41-1.01 3.01-.43-.41 1.01-3.01z"/>
            <path d="M556.36 210.01l.45.27v3.77l-.45-.26v-3.78z"/>
          </g>
          <g id="outer-circle-2" data-name="outer-circle" fill="#42e8e0">
            <path d="M557.7 141a26.86 26.86 0 0 1 10.49 17.23l2.24 1.89c-.73-8-6.07-17.15-12.73-21.6z" transform="translate(0 52.69)" opacity=".6"/>
            <path d="M566.11 167.43c-2.14 2.16-5.61 2.37-9.53.1a18.76 18.76 0 0 1-2.68-1.9l-1 1.72a22.54 22.54 0 0 0 3.64 2.66c5 2.86 9.3 2.38 11.77-.69z" transform="translate(0 52.69)" opacity=".2"/>
            <path d="M548.23 162l1-1.72a24.89 24.89 0 0 1-4.4-13.13c0-7.08 4.69-10.19 10.67-7.39v-2.48c-7.17-3.48-12.81.18-12.81 8.63-.03 5.24 2.16 11.18 5.54 16.09z" transform="translate(0 52.69)"/>
          </g>
          <g fill="#42e8e0">
            <path d="M561.19 216.68l-1.15-.66V199l1.15.66v17.02z"/>
            <path opacity=".8" d="M562.83 217.62l-1.15-.66v-7.4l1.15.66v7.4z"/>
            <path opacity=".6" d="M564.57 218.63l-1.15-.66v-11.78l1.15.66v11.78z"/>
            <path opacity=".2" d="M566.29 219.62l-1.15-.66v-9.17l1.15.66v9.17z"/>
          </g>
        </g>
        <g id="dots-r-2" data-name="dots-r">
          <path d="M514.35 175.51a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_43-6)" style="mix-blend-mode:lighten"/>
          <path d="M510.92 173.53a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".92" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_53-6)" style="mix-blend-mode:lighten"/>
          <path d="M507.49 171.55a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".83" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_52-6)" style="mix-blend-mode:lighten"/>
          <path d="M504.06 169.57a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".75" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_51-6)" style="mix-blend-mode:lighten"/>
          <path d="M500.63 167.59a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".67" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_50-6)" style="mix-blend-mode:lighten"/>
          <path d="M497.2 165.61a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".58" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_49-6)" style="mix-blend-mode:lighten"/>
          <path d="M493.77 163.63a1.42 1.42 0 1 0 1.94-.52 1.41 1.41 0 0 0-1.94.52z" transform="translate(0 52.69)" opacity=".5" fill="url(#_ÂÁ_Ï_ÌÌ_È_ËÂÌÚ_40-4)" style="mix-blend-mode:lighten"/>
        </g>
        <path fill="#42e8e0" d="M541.15 157.71l-1.71-.99v-2.36l1.71.99v2.36z"/>
        <g id="panels-2" data-name="panels" opacity=".5" fill="#42e8e0">
          <path d="M532.66 142.28l-5.1-2.94v-5.89l5.1 2.95v5.88z"/>
          <path d="M532.66 147.55l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M532.66 152.81l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M532.66 227.02l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M532.66 232.28l-5.1-2.94v-2.36l5.1 2.95v2.35z"/>
          <path d="M532.66 237.54l-5.1-2.94v-2.36l5.1 2.95v2.35z"/>
          <path d="M532.66 242.8l-5.1-2.94v-2.36l5.1 2.95v2.35z"/>
          <path d="M532.66 248.07l-5.1-2.95v-2.36l5.1 2.95v2.36z"/>
          <path d="M532.66 173.3l-5.1-2.94v-17.59l5.1 2.94v17.59z"/>
          <path d="M532.66 186.58l-5.1-2.95v-10.37l5.1 2.95v10.37z"/>
          <path d="M525.23 136.6l-2.58-1.48a2.34 2.34 0 0 1-1.16-2v-7.44a.91.91 0 0 1 1.36-.79l2.57 1.49a2.34 2.34 0 0 1 1.17 2v7.45a.91.91 0 0 1-1.36.77z" transform="translate(0 52.69)" opacity=".8"/>
          <path d="M519.15 140.12l-2.57-1.48a2.33 2.33 0 0 1-1.17-2v-7.45a.9.9 0 0 1 1.36-.78l2.57 1.48a2.35 2.35 0 0 1 1.17 2v7.45a.9.9 0 0 1-1.36.78z" transform="translate(0 52.69)" opacity=".6"/>
          <path d="M513.07 143.67l-2.57-1.49a2.35 2.35 0 0 1-1.17-2v-7.45a.9.9 0 0 1 1.36-.78l2.58 1.48a2.34 2.34 0 0 1 1.16 2v7.45a.91.91 0 0 1-1.36.79z" transform="translate(0 52.69)" opacity=".4"/>
          <path d="M507 147.48l-2.57-1.48a2.33 2.33 0 0 1-1.17-2v-7.44a.91.91 0 0 1 1.36-.79l2.57 1.49a2.35 2.35 0 0 1 1.17 2v7.45a.9.9 0 0 1-1.36.77z" transform="translate(0 52.69)" opacity=".2"/>
          <path d="M532.66 195.37l-5.1-2.94v-5.89l5.1 2.94v5.89z"/>
          <path d="M532.66 204.17l-5.1-2.95v-5.89l5.1 2.95v5.89z"/>
          <path d="M532.66 212.96l-5.1-2.94v-5.89l5.1 2.94v5.89z"/>
          <path d="M532.66 221.76l-5.1-2.95v-5.89l5.1 2.95v5.89z"/>
          <g>
            <path d="M541.15 147.18l-1.71-.98v-5.89l1.71.98v5.89z"/>
            <path d="M541.15 152.44l-1.71-.98v-2.36l1.71.99v2.35z"/>
            <path d="M541.15 157.71l-1.71-.99v-2.36l1.71.99v2.36z"/>
            <path d="M541.15 231.92l-1.71-.99v-2.36l1.71.99v2.36z"/>
            <path d="M541.15 237.18l-1.71-.99v-2.35l1.71.98v2.36z"/>
            <path d="M541.15 242.44l-1.71-.98v-2.36l1.71.99v2.35z"/>
            <path d="M541.15 247.7l-1.71-.98v-2.36l1.71.99v2.35z"/>
            <path d="M541.15 252.97l-1.71-.99v-2.36l1.71.99v2.36z"/>
            <path d="M541.15 178.2l-1.71-.98v-17.59l1.71.98v17.59z"/>
            <path d="M541.15 191.47l-1.71-.98v-10.37l1.71.99v10.36z"/>
            <path d="M541.15 200.27l-1.71-.99v-5.89l1.71.99v5.89z"/>
            <path d="M541.15 209.07l-1.71-.99v-5.89l1.71.99v5.89z"/>
            <path d="M541.15 217.86l-1.71-.99v-5.88l1.71.98v5.89z"/>
            <path d="M541.15 226.66l-1.71-.99v-5.89l1.71.99v5.89z"/>
          </g>
          <g>
            <path d="M535.09 243.57l1.93 1.12v5.89l-1.93-1.12v-5.89z"/>
            <path d="M535.09 238.31l1.93 1.12v2.35l-1.93-1.11v-2.36z"/>
            <path d="M535.09 233.05l1.93 1.12v2.35l-1.93-1.11v-2.36z"/>
            <path d="M535.09 158.84l1.93 1.12v2.35l-1.93-1.12v-2.35z"/>
            <path d="M535.09 153.58l1.93 1.11v2.36l-1.93-1.12v-2.35z"/>
            <path d="M535.09 148.32l1.93 1.11v2.36l-1.93-1.12v-2.35z"/>
            <path d="M535.09 143.05l1.93 1.12v2.36l-1.93-1.12v-2.36z"/>
            <path d="M535.09 137.79l1.93 1.12v2.35l-1.93-1.11v-2.36z"/>
            <path d="M535.09 212.55l1.93 1.12v17.59l-1.93-1.11v-17.6z"/>
            <path d="M535.09 199.28l1.93 1.12v10.36l-1.93-1.11v-10.37z"/>
            <path d="M535.09 190.49l1.93 1.11v5.89l-1.93-1.11v-5.89z"/>
            <path d="M535.09 181.69l1.93 1.12v5.89l-1.93-1.12v-5.89z"/>
            <path d="M535.09 172.9l1.93 1.11v5.89l-1.93-1.11v-5.89z"/>
            <path d="M535.09 164.1l1.93 1.12v5.89l-1.93-1.12v-5.89z"/>
          </g>
          <path d="M532.66 227.02l-5.1-2.95v-2.35l5.1 2.94v2.36z"/>
          <path d="M532.66 212.96l-5.1-2.94v-5.89l5.1 2.94v5.89z"/>
        </g>
        <g fill="#42e8e0">
          <path d="M506.8 142.19c0 .63-.44.89-1 .57a2.21 2.21 0 0 1-1-1.72c0-.64.45-.89 1-.58a2.2 2.2 0 0 1 1 1.73z" transform="translate(0 52.69)"/>
          <path d="M512.88 138.37c0 .63-.45.89-1 .57a2.17 2.17 0 0 1-1-1.72c0-.63.44-.89 1-.57a2.19 2.19 0 0 1 1 1.72z" transform="translate(0 52.69)"/>
          <path d="M519 134.83c0 .63-.44.89-1 .57a2.17 2.17 0 0 1-1-1.72c0-.63.44-.89 1-.57a2.18 2.18 0 0 1 1 1.72z" transform="translate(0 52.69)"/>
          <path d="M525 131.31c0 .63-.44.89-1 .57a2.21 2.21 0 0 1-1-1.72c0-.64.45-.89 1-.58a2.2 2.2 0 0 1 1 1.73z" transform="translate(0 52.69)"/>
        </g>
        <path id="glow-3" data-name="glow" d="M463 32l38 164 41 26s7 4 10 0l41-26s0 .22.48-2.39S633 32 633 32z" transform="translate(0 52.69)" fill="url(#linear-gradient-22)"/>
      </g>
      <g id="lightning-3" data-name="lightning">
        <path fill="#f2f0a5" d="M97.58 238.61h-6.26l-4.35 10.9 4.35.05-3.01 10.05L99 245.69l-5.33.74 3.91-7.82z"/>
        <path fill="none" stroke="#aeebed" stroke-linecap="round" stroke-miterlimit="10" d="M100.76 242.98l6.24 6.24-6.68 6.68"/>
        <path fill="none" stroke="#aeebed" stroke-linecap="round" stroke-miterlimit="10" d="M84.74 242.98l-6.24 6.24 6.68 6.68"/>
      </g>
      <g id="blue-lines" fill="none" stroke="#09d6d0" stroke-miterlimit="10">
        <path d="M408.63 253.72h28.76a5.8 5.8 0 0 1 1.11.11c2.66.49 13-1.33 12.86-11.47-.19-13.89.14-16.86.14-16.86s0-8 10-8H502" transform="translate(0 52.69)"/>
        <path d="M408.63 366.15h28.76a6.74 6.74 0 0 0 1.11-.09c2.66-.42 13 1.13 12.86 9.74-.19 11.78.14 14.31.14 14.31s0 6.79 10 6.79H502" transform="translate(0 52.69)"/>
        <path d="M233.37 253.72h-28.76a5.8 5.8 0 0 0-1.11.11c-2.66.49-13-1.33-12.86-11.47.19-13.89-.14-16.86-.14-16.86s0-8-10-8H140" transform="translate(0 52.69)"/>
      </g>
      <g id="bright-lines" fill="none" stroke="#f7f9f9" stroke-miterlimit="10">
        <path id="line3" d="M408.63 366.15h28.76a6.74 6.74 0 0 0 1.11-.09c2.66-.42 13 1.13 12.86 9.74-.19 11.78.14 14.31.14 14.31s0 6.79 10 6.79H502" transform="translate(0 52.69)"/>
        <path id="line2" d="M408.63 253.72h28.76a5.8 5.8 0 0 1 1.11.11c2.66.49 13-1.33 12.86-11.47-.19-13.89.14-16.86.14-16.86s0-8 10-8H502" transform="translate(0 52.69)"/>
        <path id="line1" d="M233.37 253.72h-28.76a5.8 5.8 0 0 0-1.11.11c-2.66.49-13-1.33-12.86-11.47.19-13.89-.14-16.86-.14-16.86s0-8-10-8H140" transform="translate(0 52.69)"/>
      </g>
    </g>
  </g>
</svg>

            
          
!
            
              body {
  background: black;
  font-family: 'Source Sans Pro', sans-serif;
}

h1 {
  position: absolute;
  width: 100vw;
  text-align: center;
  color: teal;
  font-size: 4vmin;
  margin-top: 4vmin;
}

svg {
  width: 100vw;
  height: 100vh;
}

[data-name="activated"] {
  opacity: 0;
}

#bright-lines {
  opacity: 0;
}


            
          
!
            
              TweenMax.set('#bright-lines', {
  opacity: 1
})

TweenMax.staggerFromTo('#particles path', 1, {
  opacity: 0
}, {
  cycle: {
    opacity: [0.2, 0.4, 0.1, 0.6, 0.1]
  },
  repeat: -1,
  yoyo: true,
  ease: Sine.easeInOut
}, 0.1, 'start')

const activate = (y, i, line, timeScale) => {
  const tl = new TimelineMax(),
        rep = 4
  
  tl.add('start')
  
  tl.to(`#activated${i}`, 0.5, {
   y: y
  }, 'start')

  tl.fromTo(`#line${line}`, 1, {
    drawSVG: 0
  }, {
    drawSVG: true
  }, 'start')
  
  tl.to(`#activated${i}`, 1, {
    opacity: 1,
    ease: Sine.easeOut
  }, 'start+=1')
  
  tl.staggerFromTo(`#activated${i} [data-name="dots-up"] path, #activated${i} [data-name="outer-fan"] polygon, #activated${i} [data-name="fan"] polygon`, 0.5, {
    opacity: 0
  }, {
    opacity: 1,
    repeat: rep,
    yoyo: true,
    ease: Sine.easeOut
  }, 0.1, 'start+=1')
  
  tl.staggerFromTo(`#activated${i} [data-name="panels"] polygon`, 0.5, {
    opacity: 0
  }, {
    opacity: 1,
    repeat: rep,
    yoyo: true,
    ease: Sine.easeOut
  }, 0.1, 'start+=1')
  
  tl.staggerFromTo(`#activated${i} [data-name="panels"] path, #activated${i} [data-name="dots-r"] path`, 0.5, {
    opacity: 0
  }, {
    opacity: 1,
    repeat: rep,
    yoyo: true,
    ease: Sine.easeOut
  }, 0.1, 'start+=1')
  
  tl.to(`#activated${i}`, 0.5, {
    opacity: 0,
    ease: Sine.easeIn
  }, 'start+=4')
  
  tl.to(`#line${line}`, 1, {
    drawSVG: 0
  }, 'start+=4')
  
  tl.timeScale(timeScale)
  return tl
}

const master = new TimelineMax()
master.add('begin')
master.add(activate(0, 1, 1, 1), 'begin+=1')
master.add(activate(0, 2, 2, 1.6), 'begin+=2.8')
master.add(activate(180, 2, 3, 1.4), 'begin+=7')
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console