Pen Settings

HTML

CSS

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

JavaScript

Babel includes JSX processing.

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

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <section>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
</style>  
 
  <button class="button" onClick="window.location.href=window.location.href">Restart</button>
  
<div class="inst">
<h1>Instructions</h1>

<ul class="inst">
  <li>Pull down brown lever 2 times
</li>
  <li>Flip On/Off switch</li>
  <li>Light will turn on!</li>
</ul>
</div>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="832.3" height="800" viewBox="0 0 832.3 800">
  <defs>
    <radialGradient id="radial-gradient" cx="729.73" cy="80.15" r="224.45" gradientUnits="userSpaceOnUse">
      <stop offset="0.1" stop-color="#ffff53"/>
      <stop offset="0.17" stop-color="#ffff6b"/>
      <stop offset="0.31" stop-color="#ffff98"/>
      <stop offset="0.45" stop-color="#ffffbd"/>
      <stop offset="0.59" stop-color="#ffffda"/>
      <stop offset="0.73" stop-color="#ffffef"/>
      <stop offset="0.87" stop-color="#fffffb"/>
      <stop offset="1" stop-color="#fff"/>
    </radialGradient>
  </defs>
  
    
      <g id="light">
        <path d="M698.36,241.74l-4-10.8c-2-7.4-5-14.5-7-21.91q-1.39-3-2.8-6c-9.35-18.59-22.42-34.73-34.33-51.63-7.56-10.73-11.7-22.72-13.77-35.53-1-5.88-2-11.78-.76-17.77,4.59-.17,5.9-3.19,6.11-7.1.68-12.8,5.77-24.36,10.48-35.94,3.76-9.25,11.41-15.76,18-23C677.64,24,687.13,18.79,697,14.94c10.39-4,21.21-7.86,32.56-7.78a94.28,94.28,0,0,1,44.86,11.15,35.51,35.51,0,0,0,3.93,2c.38.15.64.15.8,0a6.84,6.84,0,0,1-1.3-2.11,2.4,2.4,0,0,1,1.67-3.07c1.91-.87,3.44.37,4.79,1.22,16,9.92,28.49,23.13,36.84,40.11l0-.06a105.25,105.25,0,0,1,8,23l0-.07A51.55,51.55,0,0,1,830.69,92a28.82,28.82,0,0,1-.07,14.81c-.38,1-1.13.9-1.93.72s-1.28-.67-2-.88c-2.93-.37-2.55,2.21-2.73,3.59A113.22,113.22,0,0,1,818.4,132c-3.38,9.82-9.8,17.86-15.24,26.5-8.6,13.63-16.87,27.39-22.68,42.57-2.17,5.67-4.7,11.18-6.17,17.1-2.82,7.75-5.14,15.69-8.88,23.08a26.72,26.72,0,0,0-10.22,4.34c-2.23,1.24-4.65.59-7,.75-4.08.29-5.08-2.55-4.8-5.56.24-2.61.13-5.22.45-7.81.19-4.62,2-9.33-.84-13.78-.12-4.42-2-8.4-3.17-12.55-.2-9.86.24-19.74-.83-29.57-.47-8.63,2.74-16.54,5.09-24.59A348,348,0,0,1,756.72,117c-5.64,13.78-12.55,31.9-16.71,50.87-1.91,8.72-1.65,17.76-1.68,26.67,0,2.78.31,5.62.51,8.43.24,3.23-.83,5.49-3.86,6.75-2.17.67-4-.13-5.75-1.3-2.52-1.28-2.21-3.72-1.79-5.69,2-9.35,1-18.6-.59-27.84.09-1.93,2.56-3,2-5.15.19-8.65-.13-17.31,0-26-.09,8.57.09,17.13,0,25.69-.11.93.41,2.26-.74,2.61-1.31.4-1.5-.87-1.71-1.84-3.77-17.33-10-33.88-16.19-50.41C716.62,136.92,723,154,726.81,172a10.22,10.22,0,0,1,0,2.92c2.63,10.46,1.62,21,.49,31.47-.34,3.22-4,3.93-4.72,6.75-1.86,2-2.18,4.59-2,7.06.38,6.2.24,12.39.12,18.59a3.6,3.6,0,0,1-.64,1.63,8.92,8.92,0,0,1-6.35,2c-4.82-.85-9.51,1.52-14.34.55A2.31,2.31,0,0,1,698.36,241.74Z" fill="url(#radial-gradient)"/>
      </g>
      
        <rect id="crank" x="-9.39" y="338.51" width="211.47" height="26.46" transform="matrix(0.84, 0.54, -0.54, 0.84, 203.58, 3.16)" fill="#c69c6d"/>
      
      
        <path id="wire" d="M424.64,437.26s36.19,73.58,54.28,76,224.57,6.94,254-2.63-2.12-174.4-2.12-174.4" fill="none" stroke="#009245" stroke-miterlimit="10" stroke-width="7"/>
      
      
        <polygon id="spark" points="455.7 468.81 446.37 468.99 442.05 479.61 437.85 473.35 433.49 482.57 428.38 471.87 416.2 475.07 421.6 465.11 414.74 461.31 420.08 455.65 416.29 444.27 424.42 447.11 427.13 437.94 432.94 442.75 441.25 435.49 442.4 444.23 454.3 440.05 449.19 450.99 455.99 455.54 450.7 460.44 455.7 468.81" fill="#ff0"/>
      
  
        <rect id="switch" x="220.49" y="290.71" width="102.59" height="38.37" rx="16.25"  fill="#ece8d5" stroke="#000" stroke-miterlimit="10" stroke-width="0.5"/>
      
      
          <rect id="switch_box" x="202.52" y="292.66" width="224.68" height="49.95" fill="#ece8d5" stroke="#000" stroke-miterlimit="10" stroke-width="0.5"/>
          <g>
            <path d="M242.09,319c0,12.58-7.65,19.26-17,19.26-9.66,0-16.44-7.49-16.44-18.56,0-11.61,7.22-19.21,17-19.21C235.64,300.47,242.09,308.12,242.09,319Zm-28.37.59c0,7.82,4.23,14.82,11.66,14.82s11.72-6.89,11.72-15.2c0-7.27-3.8-14.86-11.66-14.86S213.72,311.54,213.72,319.57Z" fill="#ed1c24"/>
            <path d="M248.22,301.07h19.7v4h-15v12.16h13.84v3.9H252.94v16.55h-4.72Z" fill="#ed1c24"/>
            <path d="M274.64,301.07h19.7v4h-15v12.16H293.2v3.9H279.36v16.55h-4.72Z" fill="#ed1c24"/>
          </g>
          <g>
            <path d="M387.17,319.57c0,12.59-7.65,19.26-17,19.26-9.66,0-16.44-7.48-16.44-18.55,0-11.62,7.22-19.21,17-19.21C380.72,301.07,387.17,308.72,387.17,319.57Zm-28.37.6C358.8,328,363,335,370.46,335s11.72-6.89,11.72-15.19c0-7.27-3.8-14.87-11.66-14.87S358.8,312.14,358.8,320.17Z" fill="#39b54a"/>
            <path d="M393.3,338.24V301.67h5.15l11.73,18.5a104.21,104.21,0,0,1,6.56,11.88l.11-.05c-.43-4.89-.54-9.34-.54-15v-15.3h4.45v36.57H416l-11.61-18.56a117.27,117.27,0,0,1-6.84-12.21l-.16.06c.27,4.61.38,9,.38,15.08v15.63Z" fill="#39b54a"/>
          
      </g>
  
      <g id="battery">
        <g>
          <rect x="173.37" y="361.24" width="283.98" height="152.04" fill="#b3b3b3"/>
          <rect x="173.37" y="342.54" width="283.98" height="18.39"/>
        </g>
      </g>
      <g id="light_bulb" data-name="light bulb">
        <g>
          <path d="M831.09,107.22a5.53,5.53,0,0,0-.71,0c.22-5,.74-10-.06-15q.46-1.14.93,0A25.32,25.32,0,0,1,831.09,107.22Z" fill="#b4b4b4"/>
          <path d="M831.25,92.27h-.93q-.6-6.48-1.18-13C831.48,83.36,831.29,87.83,831.25,92.27Z" fill="#aaa"/>
          <path d="M649.45,55.4c-1.43,8.72-6.45,16.32-7.8,25.07-.63,4.09-1.45,8.15-2.1,12.23-.29,1.79-.6,3.39-3,2.63a125.44,125.44,0,0,1,9.68-35.7A8.53,8.53,0,0,1,649.45,55.4Z" fill="#e3e3e3"/>
          <path d="M680.41,20.42c-.61,3.33-4.23,3.11-6,5.07l1-4,3-2A2.67,2.67,0,0,1,680.41,20.42Z" fill="#d9d9d9"/>
          <path d="M636.49,98.31c-.93,22.12,5.86,41.63,19.49,59a252.5,252.5,0,0,1,26.52,40.73c.82,1.61,1.4,3.34,2.09,5-.6-.56-1.43-1-1.77-1.69-8.27-16.64-20.57-30.52-31.31-45.43-11.92-16.55-17.48-35.31-17.58-55.1-.14-31.52,12.42-57.93,36.56-78.57a7.9,7.9,0,0,1,1.77-.88c1.35.07,2.83-1.32,4,.4a6.21,6.21,0,0,1,.14,4.43C672,31.09,667,35.35,662.64,40.34,658,45.62,653.77,51,651,57.38c-5.73,5.94-7.79,13.6-9.66,21.24a140.1,140.1,0,0,0-3.37,17A3.08,3.08,0,0,1,636.49,98.31Z" fill="#c7c7c7"/>
          <path d="M766.45,285.68c.91,0,2.23-1,2.65.08,1.2,3.21-2.4,10.18-5.89,11.88-4.14-3.58-8.6-3.74-13.32-1.25-10,0-19.92,2.13-30,2-2.79,0-3.19,2.45-4.51,4-1.42,1-3,1.69-4.45,2.7a7.11,7.11,0,0,1-1.52.19h-1.54c-3.31-.38-6.79.92-9.94-1-.86-5.51,1.44-9,7.09-10.9,6.48-.31,13,.49,19.44-1.06,2.13-.33,4.19-1.08,6.38-1a10.67,10.67,0,0,0,7.66-2.75c7.13-.42,14.18-1.5,21.26-2.27a24.59,24.59,0,0,0,5.26-.72A1.63,1.63,0,0,1,766.45,285.68Z" fill="#6e6e6e"/>
          <path d="M693.21,288.71c2.17-3.95,2.87-8,.2-11.95-1-1.47-.69-2.58,0-4.06,1.9-3.85,2.15-7.81-.22-11.61-1.19-1.9-1.24-3.36,1.09-4.3,2.61,1.72,4.69,4.31,8,4.91,3.39.92,4.88,2.58,2.56,6a5.17,5.17,0,0,0-.51,3.79c2.18,1.66,4.64.5,6.93.82a25.24,25.24,0,0,1,5.42.33,3,3,0,0,1,1.73,1.78,3.57,3.57,0,0,1-.11,2.37c-2,2.62-4.92,1.15-7.43,1.5-2.06.29-4.48-.37-5.37,2.39,0,.33-.16.71,0,1,2.9,4.73,2.9,4.73-2,7.07-2.37.43-4.11,2.71-6.78,2.23C695.22,290.7,693.81,290.34,693.21,288.71Z" fill="#7a7a7a"/>
          <path d="M821.18,56.43C817.44,51,814,45.32,809.91,40.15c-8-10.16-17.6-18.48-29.59-23.76-8.66-1.88-16.36-6.19-24.4-9.65-2.71-2-5.92-1.58-9-1.83-2.33-.19-5.06.4-5.92-2.85,1.27-2.1,3.56-.32,5.11-1.34C771.34,4.34,792,16.28,808.4,35.49,813.74,41.74,819.05,48.15,821.18,56.43Z" fill="#acacac"/>
          <path d="M747.09,331.78c-3,6.62-9.42,11.14-15.7,10.74-5.42-.35-13.45-4.08-15-10.81a2.93,2.93,0,0,1,1.39-.81c2.47-.11,5,.46,7.42-.17,6.57.89,13.14-2.1,19.73,0A4.17,4.17,0,0,1,747.09,331.78Z" fill="#030303"/>
          <path d="M765.19,241.1l8-23.15c4.49-14.2,11.16-27.4,18.6-40.25,1.76-1.11,2.72-4.2,5.71-2.38a2.61,2.61,0,0,1-.31,2.92c-5.64,10.11-13.13,19.16-17.55,30-4.56,11.12-9.71,22.05-12.22,33.91-.63,3-2.15.69-3.29.62C764,241.85,764.47,241.41,765.19,241.1Z" fill="#d5d5d5"/>
          <path d="M701.36,263.83c-2.89-1.81-6.23-3.16-7.05-7l0,0a4.84,4.84,0,0,1,4.25-1.41,8,8,0,0,1,1.46.07c2.41,1.86,5.31.46,7.91,1.16.45.16.88.34,1.32.53,4.55,1.77,9.14,1.32,13.75.32,1-.12,2-.26,3-.41,1.27-.11,2.48-.59,3.76-.66a24.49,24.49,0,0,1,3.92-.16c8.63-1.54,17.43-.81,26.08-1.91,1.67-.11,3.32-.36,5-.56l.69-.11c1.12,1,3.66-1.8,4,1.45-.6.41-.74,1.11-1.11,1.67-.69,1.51-1,3.33-3.23,3.44-4.86.59-9.77-1.49-14.62.2a280.06,280.06,0,0,1-29.5,1.95c-6.06.27-12.15-.59-18.18.52A8,8,0,0,0,701.36,263.83Z" fill="#6f6f6f"/>
          <path d="M749,244.71l6.28-.82c1.64-1,2.9-.17,4.13.85,2.65-.09,4.38,1.67,5.44,3.58.49.89-1.66,1.69-2.63,2.52a4,4,0,0,1-4.61,2.39,30.61,30.61,0,0,1-3.1-.79c-9.29-2.13-18.71-.69-28.06-1.1-1.94-.24-3.89,0-5.83-.36-1.49-.27-3.07-.44-3.45-2.15s1.28-2.4,2.45-3.2a7.77,7.77,0,0,1,1.83-.63c.46-.19.93-.37,1.4-.54,1.81-.77,3.87-.51,5.66-1.4a5,5,0,0,1,2.15-.13c5.31,5.18,12,3,18.16,3.25C750.87,246.28,748.7,245.2,749,244.71Z" fill="#262626"/>
          <path d="M829.16,106.24l1.22,1c.21-.49.44-.51.71,0a37.51,37.51,0,0,1-2.83,18.07c-1.2.23-1.45,1.14-1.64,2.16-1.77,9.55-6.8,17.65-11.62,25.83-.88,1.51-1.76,3.75-4.41,2.83a3.27,3.27,0,0,1-.84-2.12,6,6,0,0,1,1.54-4.1c5.65-7.11,8.44-15.67,11.56-23.95,1.86-4.93,2.31-10.47,2.75-15.85C825.77,107.93,825.83,105.54,829.16,106.24Z" fill="#cecece"/>
          <path d="M811.18,156.13c6.93-7.72,10.62-17.15,14.21-26.66.58-1.52-.38-4.38,2.86-4.18-4.46,21.08-18.28,36.7-31,53,0-1.05,0-2.1,0-3.15l0-.7C801,167.61,804.55,160.71,811.18,156.13Z" fill="#c3c3c3"/>
          <path d="M765.28,269.44h4.38c-1.74,2.73-1.48,5.54-1.31,8.34,1.37,2.61-.33,3.74-2.29,4.73-3.21.48-3.41-4.39-6.71-3.75-2.05-.32-4.33.53-6.11-1.16a2.64,2.64,0,0,1-.52-1c-3-1.17-5.7.84-8.59.69-2.12-.2-4.42.63-6.21-1.2a2.55,2.55,0,0,1,0-2.48c3.12-2.37,7-1.34,10.41-2,3.67-.69,7.46-1,11.21-1.34a10.42,10.42,0,0,0,4.38-.66A6,6,0,0,1,765.28,269.44Z" fill="#757575"/>
          <path d="M747.09,331.78c-7.53,1.64-15.15.94-22.74.72a1.3,1.3,0,0,1-.33-.87c0-.32.05-.48.1-.48,1.25-2.08,3.44-2.09,5.3-1.84,8.87,1.2,15.85-2,21.13-8.95,2-2.63,4.61-3.46,7.52-4.07.73-.08,1.46-.09,2.19-.1,1.22,0,2.49-.32,3.6.51a2.06,2.06,0,0,1,.69,1.29Z" fill="#7d7d7d"/>
          <path d="M675.37,21.45a2.78,2.78,0,0,1-3.1-.06C686.46,10.12,702.35,2.81,720.49.71c.71.55,2.18,0,2.21,1.54-.42,2-2.06,2.35-3.73,2.66-14.17,2.61-27.09,8.36-39.36,15.71C678.3,21.42,677,22.09,675.37,21.45Z" fill="#afafaf"/>
          <path d="M693.21,288.71l4.27.09c3.43,1.31,6.73-1,10.13-.37,5.48,1.26,11,2.58,16.59.86,2.79.34,6.46-1.17,7.25,3.41l-6.31,1.09c-5.86,0-11.72-.07-17.58,0-2,0-4-.11-5.63,1.23-2.3,2.31-4.37,3.41-5.77-.84-.24-.72-1.26-.92-1.93-1.32C692.53,291.79,691.7,290.54,693.21,288.71Z" fill="#6e6e6e"/>
          <path d="M694.23,292.82c2.89-1.26,4.1,3.9,7.19,1.88a1.94,1.94,0,0,1,2.91.1c-4,1.77-3.48,6.36-5.86,9.13a4.66,4.66,0,0,1,.69,1.85c.15,3-1.52,3.56-4,3l-.68-.1c-1.58-1-2.61-2.35-1.39-4.05C695.75,300.85,694.75,296.84,694.23,292.82Z" fill="#7c7c7c"/>
          <path d="M750.32,293.78l5.31-1.32c6.57-1.65,6.57-1.65,7.58,5.18l-1.83,1.18a4.41,4.41,0,0,1-3.09,2.23c-1.9.37-3.52-.61-5.24-1.07C751.4,298.24,749.06,296.8,750.32,293.78Z" fill="#2d2d2d"/>
          <path d="M717.2,331.73l-.8,0-18-14c.89-2.28,2.56-2.18,4.44-1.46,1.67.59,3.52.55,5.1,1.44,3.17,4,7.82,6.51,10.65,10.81C719.73,330.17,721.21,332.16,717.2,331.73Z" fill="#848484"/>
          <path d="M699.26,256.76h-5c.25-3.62.51-7.23.74-10.84.14-2.21,1-3.81,3.36-4.19l1.06.3a8.29,8.29,0,0,1,.93,1.11,3.61,3.61,0,0,1,.35,2.07c-1.16,2.39,1.25,4.36.78,6.74A8.49,8.49,0,0,1,699.26,256.76Z" fill="#898989"/>
          <path d="M702.37,317.69l-4,0c-3.94-1.86-3-5.87-4-9l.34-.15c6.45-.6,8.9,1.38,10.12,8.17A2.05,2.05,0,0,1,702.37,317.69Z" fill="#7c7c7c"/>
          <path d="M768.45,302.84c0,3-.16,5.92-.11,8.88s-1,5.12-3.79,6.27l-.49-.48c-2.5-3-.66-6.53-1.29-9.74.71-2.78,1-5.9,5.1-5.44Z" fill="#7f7f7f"/>
          <path d="M768.12,255.82l1.21-.74c-.36,5.06,1.28,10.69-4.05,14.36a1.06,1.06,0,0,0,0,.5c-3,.77-5.75,1.11-5.59-3.37a17.29,17.29,0,0,1,2.65-2.89c.65-.3,1.32-.55,2-.82C768,261.83,766.27,257.86,768.12,255.82Z" fill="#dbdbdb"/>
          <path d="M722.49,1.7l-2-1a115.6,115.6,0,0,1,25.63,0l-4.93.9C737,4.93,726.91,5,722.49,1.7Z" fill="#919191"/>
          <path d="M829.16,79.37l-8-23C826,63.27,828.35,71.06,829.16,79.37Z" fill="#aaa"/>
          <path d="M687.39,209c3.13,7.05,5.83,14.24,7,21.91C691.47,223.82,688.29,216.79,687.39,209Z" fill="#dcdcdc"/>
          <path d="M764.92,281.29c1.92-.41,2.83-1.81,3.43-3.51,4.58,5.77-2.43,4.77-4.05,6.92-2,1-3.09.22-3.68-1.72a2.3,2.3,0,0,1,1.19-2C762.9,280.51,763.9,281,764.92,281.29Z" fill="#d4d4d4"/>
          <path d="M759.4,244.74l-4.13-.85c3.09-1.7,6.24-3.2,9.92-2.79l-1,1.63C762.47,243.16,760.75,243.51,759.4,244.74Z" fill="#a7a7a7"/>
          <path d="M758.2,299.69l3.18-.87a10.67,10.67,0,0,0,5.94,2.22c1.1.13,2,.39,1.13,1.8l-.4-.16a9.43,9.43,0,0,0-3,.23c-2.65,0-5.95,1.8-7.13-2.47Z" fill="#7f7f7f"/>
          <path d="M757.56,252l4.65-1.15,3.15,2.79c-.1.17-.19.34-.3.5-2.81.7-5.67,1.85-8.16-.79A1.32,1.32,0,0,1,757.56,252Z" fill="#898989"/>
          <path d="M761.23,282.76a5.23,5.23,0,0,0,3.07,1.94l2.15,1-1.56.28c-2.64.38-5.82,2.89-7.14-1.83C758.47,282.57,759.47,281.71,761.23,282.76Z" fill="#757575"/>
          <path d="M636.49,98.31c0-1,0-2,0-3,3.56-4.37,2.57-10,3.82-14.92a152.88,152.88,0,0,1,9.12-25c5.31-12.47,15.1-21.22,25-29.91,1.56-2.77,4.12-4.57,6.39-6.66,13.63-5.44,26.67-12.42,41.59-14.24,9-1.1,17.82.13,26.71.55.63,0,1.25-.37,1.88-.08,9.5,3.93,19.42,7,28.27,12.44,3,1.84,5.69,3.87,6.42,8.12-7.52-2.72-13.81-7-20.91-9.72-14.48-5.47-29.24-9.43-44.64-6-11.22,2.49-22.52,5.31-32.48,11.76-22.81,14.77-37.74,34.79-42.82,61.88-.92,4.92-.42,10.31-3.66,14.8C639.34,100.83,638.05,101,636.49,98.31Z" fill="#f2f2f2"/>
          <path d="M793.2,179.06c-6.11,11-12.77,21.79-17.3,33.65-.7,1.83-1.22,3.78-2.67,5.24.09-7.94,4.56-14.41,7.31-21.44,6.3-16.13,15.91-30.4,25.34-44.78,7.68-11.7,14.07-24,15.59-38.26a39.11,39.11,0,0,1,1.68-7.78c1.13-3.5,3.11-4.66,6-1.42a6.77,6.77,0,0,0-2.54,5.11c-1.12,10.52-3.53,20.83-8.45,30.17a234,234,0,0,1-20.82,33.36A38,38,0,0,0,793.2,179.06Z" fill="#f1f1f1"/>
          <path d="M749,244.71c2.48.86,7.18-.82,7.07,2.37-.09,2.65-4.33.23-6.72.46-3.93.38-7.9.24-11.86.28a9,9,0,0,1-7.14-2.78c.57-2.61,2.74-2,4.52-2.29s4.2.08,4.51-2.77c.85-10.61,1.56-21.18-5-30.59a2.34,2.34,0,0,1,0-2.37c3.64.46,3.05-2.15,2.81-4.14-1.08-9.12-.36-18.14.64-27.23,1.36-12.28,5.41-23.77,9.26-35.33,2.77-8.28,6-16.4,9.24-24.54,1.12-2.86,2.32-5.75,5.06-7.84-2.56,6.35-5.28,12.64-7.65,19.06-5.54,15-10.95,30-14,45.8-.23,1.22-.46,2.24.32,3.26.27,8.85-1,17.7.13,26.54.19,1.45-.16,3,1.05,4.21,4.23,3.26,2.36,8,2.91,12.14,1.38,4.59.65,9.48,2,14.08-2.09,3.14-.85,6.65-1,10C745.16,245.74,747.77,244,749,244.71Z" fill="#080808"/>
          <path d="M734.42,207c5.44,2.45,5.75,7.73,7,12.54,1.56,6.05.59,12.23,1.18,18.33.13,1.36-.93,2-1.51,3-1.57,2-3.39,1.77-5.33.65-2.37-3-5.66-5.17-7.29-8.76-1.56-6.14.24-12.55-1.46-18.67-.1-1.61.81-3.14.38-4.77.15-1.69,1.69-1.69,2.75-2.26A5.6,5.6,0,0,0,734.42,207Z" fill="#fcfcfc"/>
          <path d="M793.2,179.06c1.72-7.72,7.21-13.31,11.37-19.58,4.83-7.28,10-14.38,13.61-22.33,4-9,6.32-18.73,7.87-28.53.33-2.05.46-4,3.09-4.35,0,.66,0,1.32,0,2a5,5,0,0,0-1.93,3.84c-1,15.21-6.35,28.83-14.85,41.35a17.22,17.22,0,0,0-1.21,2.69c-4.07,7.37-9.5,13.84-13.95,21h0Z" fill="#e4e4e4"/>
          <path d="M726.45,174.08c-4.93-21.49-12.14-42.23-21.23-63.48,3.62,2.15,4.09,5,5.08,7.45,6.9,17,12.93,34.23,17,52.12.07.31.12.75.34.88.69.43.68-.22.79-.63.19-.23,0-.67.42-.73.06,0,.19.47.29.72a5.46,5.46,0,0,1-1.74,3.71C727.07,174.82,726.74,174.8,726.45,174.08Z" fill="#0f0f0f"/>
          <path d="M726.45,174.08l1,0c3.05,8.75,2.82,17.64,1.41,26.66-.31,2-2.37,4.9,1.29,6.28L728.28,209a2.58,2.58,0,0,1-1.62,2.29,9.13,9.13,0,0,0-4.31,1.8c-2,1.42-3.68,1.12-2.9-2,1.51-1.69,1.88-4.67,5.44-3.88,2.17.48,1.39-1.81,1.54-2.86a79.51,79.51,0,0,0,0-23.76A37.43,37.43,0,0,1,726.45,174.08Z" fill="#131313"/>
          <path d="M719.45,211c.46.95.52,3.57,2,.53,1.15-2.43,2.6-3.24,4.88-1.36,1.14,1.45.63,3,.18,4.5-2.31,3.74-2.58,8-2.85,12.18a58.42,58.42,0,0,0-.86,8.85c-.11,2-.32,4.16-3.36,3.35-.4-7.6.55-15.26-1-22.83A6.34,6.34,0,0,1,719.45,211Z" fill="#ededed"/>
          <path d="M779.25,17.5a2.67,2.67,0,0,1-2.83,0c-7.25-4.45-15.32-6.83-23.36-9.32-.69-.21-1.18-1.06-1.76-1.61,1.71-2.33,4.18-.49,6.2-1.15,7.33,4.25,15.71,6.3,22.82,11Z" fill="#e2e2e2"/>
          <path d="M741.32,206.81c-1.11.2-1.88,0-2-1.34-1.15-9.85-1.7-19.67.86-29.41,1.67,5.08,1,10.33,1.1,15.51S741.3,201.73,741.32,206.81Z" fill="#e8e8e8"/>
          <path d="M735.83,141.75v22.56h-1V141.76Z" fill="#eee"/>
          <path d="M750.16,78.44c1.7.61,3.45,1.12,5.1,1.84,5.89,2.56,11.61,5.58,18.3,5.63,1.37,0,3.1-.15,3.74,1.73.05.69-.26,1-1,.86-9.36-.85-17.64-5.09-26.23-8.33A1.24,1.24,0,0,1,750.16,78.44Z" fill="#d7d7d7"/>
          <path d="M776.34,88.5l1-.86c2.7-1.61,5.36-3.27,8.1-4.8,1.4-.78,2.92-1.82,4.53-.4s1.11,2.9.5,4.54c-.77,2.09-2,2.94-4.11,1.93-.37-1.6,1-1.4,1.74-1.86a2,2,0,0,0,.67-3c-.82-1.12-1.78,0-2.52.45-3.79,2.28-7.53,4.65-11.64,7.2C774.28,89.93,775.89,89.5,776.34,88.5Z" fill="#1a1a1a"/>
          <path d="M743.16,80.42c-7.32,5.26-14.87,6.13-22.93,1.41.33-.41.47-.65.51-.63,7.84,3.12,15.37,2,22.71-1.66A.56.56,0,0,1,743.16,80.42Z" fill="#cfcfcf"/>
          <path d="M729.17,170.41h-.71v-31.5h1.29C728.48,149.43,730.26,159.91,729.17,170.41Z" fill="#e7e7e7"/>
          <path d="M687.91,87.44c.91,2.52-.15,2.22-1.75,1.24-2.94-1.78-5.89-3.54-8.86-5.33-2,3.35,1.38,3.69,2.5,5.49-1.87.81-3.43,1-4.19-1-.58-1.48-1.41-3.17-.25-4.75,1.29-1.76,3-1.11,4.47-.37,2.22,1.1,4.35,2.4,6.52,3.61C686.91,86.65,687.66,86.68,687.91,87.44Z" fill="#1d1d1d"/>
          <path d="M719.41,239.07c2.24-.13,1.84-1.81,1.94-3.24.22-3.44-.3-6.93.78-10.31,3.47,1.52,3.3,4.74,3.6,7.72.18,2.12.16,4.32,2.06,5.85a3.13,3.13,0,0,1,.34,1.38,2.8,2.8,0,0,1-.6,1.28c-2.21,1-3.75,2.8-5.41,4.46-3.18-.26-2.46-3.19-3.43-5a2.92,2.92,0,0,1,.44-1.4A1.63,1.63,0,0,0,719.41,239.07Z" fill="#1e1e1e"/>
          <path d="M687.91,87.44l-1.56-1.1c6.4-.53,12.83-.93,19-3.07l.09.12C700.38,88.17,694,87.22,687.91,87.44Z" fill="#d1d1d1"/>
          <path d="M723.47,201.71V178H724v23.7Z" fill="#888"/>
          <path d="M719.13,239.84l.14,1.31c1.78,2.82.66,4.34-2.25,5.06a30.21,30.21,0,0,1-5.73-1.18,2.58,2.58,0,0,1-1.44-2.62c.5-1.8,2.24-.65,3.2-1.35Z" fill="#cecece"/>
          <path d="M742.73,86.11l-4.05,18.72c-.44-6.65,1.75-12.76,2.86-19.08Z" fill="#9a9a9a"/>
          <path d="M746.2,233a24.28,24.28,0,0,1-2-14.08C747.77,223.24,745.77,228.3,746.2,233Z" fill="#b5b5b5"/>
          <path d="M713.05,241.06l-2.57,1c-3.51,3-7.21,3.27-11.11.8,0-.27,0-.54,0-.81C704,241.92,708.31,238.66,713.05,241.06Z" fill="#5f5f5f"/>
          <path d="M743.16,80.42a9.06,9.06,0,0,0,.29-.88c2-1.73,4-3.39,6.71-1.1,0,.58,0,1.15,0,1.73Z" fill="#9a9a9a"/>
          <path d="M705.32,83.27c3.1-2.19,6.24-4.16,10.17-2.24-3.5.15-6.7,1.69-10.08,2.36Z" fill="#d1d1d1"/>
          <path d="M750.32,293.78c2,1.05,2.79,2.86,3,5-1.17,3.48-4.53,2.4-6.93,3.2-1.82.6-3.84.26-5.76.33a17.27,17.27,0,0,0-3.45.11c-3.85,1.15-7.72,2.19-11.74.79a22,22,0,0,0-7.33-.3c-1.49.24-3,.34-3.87-1.27,0-5.22,2.85-6,7.53-6C731.29,295.47,740.8,294.44,750.32,293.78Z" fill="#4b4b4b"/>
          <path d="M725.32,301.68l12.1-.79c1.72,1.6,4.34,2.7,3.28,5.87a2.53,2.53,0,0,1-1.09,1.08c-8.35.55-16.68,1.71-25,.41-3.07-.37-6.45.89-9.11-1.68-1.35-3.23,1.84-1.82,2.78-2.71l1.31-.29c4.74-1.6,9.73-.85,14.57-1.52C724.51,301.91,724.91,301.79,725.32,301.68Z" fill="#363636"/>
          <path d="M761.16,287.67c-7.51,1-15,2.13-22.61,2.24-1.18.69-2.32,1-3.32-.3-.38-2.83-.72-5.65,3.25-6.23a16.14,16.14,0,0,1,3,0,63.14,63.14,0,0,0,6.4,1c3.91.93,8,.57,11.87,1.85C760.58,286.52,761.36,286.54,761.16,287.67Z" fill="#0d0d0d"/>
          <path d="M704.33,294.8l-2.91-.1a1.54,1.54,0,0,1,1.73-1.86c7.33.17,14.73-.94,22,1C718.28,295.72,711.26,294.33,704.33,294.8Z" fill="#505050"/>
          <path d="M735.35,288.81l3.2,1.1c-1.24,3.8-4.5,2.45-7.1,2.79-1.9-2.21-4.79-.88-7-1.93-.48-1,.1-1.56.8-2.1a18.07,18.07,0,0,1,9.59-.54Z" fill="#1f1f1f"/>
          <path d="M761.16,287.67c-4.41-2.14-9.44.35-13.84-1.87,3.17-2.26,6.59-3.52,10.54-2.66l.48.67c1.42,3,4.28,1.7,6.55,2.15C764.11,287.54,762.67,287.68,761.16,287.67Z" fill="#1f1f1f"/>
          <path d="M725.32,301.68v.94c-5.29,1.15-10.61.66-15.94.28,1.43-1.17,3.16-1.14,4.85-1.26C717.93,301.46,721.63,299.67,725.32,301.68Z" fill="#3a3a3a"/>
          <path d="M745.66,291.24,757,289.8C753.37,291.36,749.73,292.77,745.66,291.24Z" fill="#464646"/>
          <path d="M708.24,303.86l-2.89,1.82c-2.92,2-5.67,2.75-7.91-.93l1-.82C701.72,303.06,705,303.48,708.24,303.86Z" fill="#2e2e2e"/>
          <path d="M709.38,302.9l15.94-.28.45.23c.42.2.93.69.13.74a96,96,0,0,1-16.35,0A3,3,0,0,0,709.38,302.9Z" fill="#fafafa"/>
          <path d="M738.43,274c0,.56.05,1.11.08,1.66-2.17,2.79-5.16,1.24-7.82,1.48a45.48,45.48,0,0,0-8.39-.85c-1.83,0-3.7.05-4.91-1.72l-1-.77c-1.21-1.73-.2-2.25,1.78-2.6-6,1.52-6,1.52-9.19-.45,2.07-5.31,6.13-8.52,11.11-8.39,7.92.21,15.72-1.53,23.62-1.38a15.08,15.08,0,0,1,3.93,7.57c-2,2.84-5.25,1.3-7.79,2.24-.71.36-1.91-.15-2.07,1.17A6.12,6.12,0,0,1,738.43,274Z" fill="#434343"/>
          <path d="M744.27,262c-7.85.83-15.69,1.83-23.61,1.87-2.34,0-4.45-.15-4.91,3.3s-4.47,2.06-6.39,3.74a1.06,1.06,0,0,1-.39,1.48c-3.54.44-7.05,1.6-10.64.35,3.29-1.56,2.86-5.47,4.89-7.92.94-1.14-1.21-.57-1.86-.95,0-.35,0-.7,0-1.06,6-2,12.22-.29,18.24-1.43,10.6-.2,21.22-.22,31.63-2.67,4.69-1.72,9.33,0,14,.19,1.78,2,1.53,3.91,0,5.84l-1.9.2c-1.52-.2-2.16-2-3.76-2a16.33,16.33,0,0,0-6.18.55C750.15,264.08,746.87,265.15,744.27,262Z" fill="#6e6e6e"/>
          <path d="M703.36,286.78l2.6-1.62c-4.17-.54-7.05-1.87-4.59-6.38,3.24-1.93,6.78-.6,10.16-1a19.05,19.05,0,0,1,4,.87c4.33,5.36,4,6.8-2.36,8.91-.94.32-1.86.68-2.76,1.09a4.45,4.45,0,0,1-1.52.36C707,288.53,704.63,289,703.36,286.78Z" fill="#686868"/>
          <path d="M712.45,278.86l-11.08-.08c.33-2.47,2.34-1.88,3.8-1.94,4.07-.14,8.14-.11,12.2-.15a3,3,0,0,1,2.35-.66c1.45.6,3.74-.06,3.79,2.58C719.9,282.2,716.15,279.3,712.45,278.86Z" fill="#525252"/>
          <path d="M703.36,286.78l6.09.92a.88.88,0,0,1,1.18.3,2,2,0,0,1-1.15,2.3,2.37,2.37,0,0,1-2-.44c-3.39.15-6.92,1.66-10-1.06Z" fill="#343434"/>
          <path d="M698.33,272.7c3.59-1.54,7.38-.81,11.09-.94,1.68,0,1.55.93,1,2-2.33-.26-4.56.31-6.84.62C701.7,274.66,699.16,276,698.33,272.7Z" fill="#2f2f2f"/>
          <path d="M710.4,273.8c-.18-.75,0-1.65-1-2a3.31,3.31,0,0,1-.06-.89h14.91c-2.49,2.48-6.48-1.13-7.9,2.94Z" fill="#f9f9f9"/>
          <path d="M719.46,276.9l-2.09-.21c0-.7,0-1.41,0-2.11,4.65.48,9.41-.21,14,1.24-1.16,3.24-3.94,2.68-6.19,2.17C723.28,277.56,721.3,277.58,719.46,276.9Z" fill="#898989"/>
          <path d="M680.41,20.42l-2.09-1A105,105,0,0,1,722.49,1.7l18.7-.08c5.38,1.51,11.22,1,16.31,3.78-1.9,1.28-4.08,1.09-6.2,1.15A26.65,26.65,0,0,1,740.51,7a73.2,73.2,0,0,0-41.06,6.82C693.23,16.76,686.22,16.77,680.41,20.42Z" fill="#fdfdfd"/>
          <path d="M717.2,331.73c.46-3.2-2.48-4.22-4.09-5.93-2.1-2.25-4.47-4.23-5.85-7.06.66-1.3,1.78-1.27,3-1a30.79,30.79,0,0,1,5.3,1.22c2.2.87,6-.93,6.66,1.91.88,3.5,3.1,6.9,2.11,10.8,0,.29,0,.58,0,.86C721.92,332.62,719.45,333.19,717.2,331.73Z" fill="#6d6d6d"/>
          <path d="M711.4,243.74c1.59.27,3.29.07,4.72,1,0,1.27-1.53,1.25-1.91,2.18,5,5.66,4.93,5.95-3.86,9.85a4.12,4.12,0,0,1-1.42.35c-3.27-1-6.38.56-9.58.62l-.09-1c-1-2.58-.92-10.47.18-12C703.32,243.31,707.27,242.5,711.4,243.74Z" fill="#6c6c6c"/>
          <path d="M755.11,250.79l2.45,1.2-.07,0c-1.59,1.65-.34,2,1,2.36,1,.26,2.78-1,2.63,1.41-8.46.9-16.91,1.82-25.37,2.64-.72.08-1.5-.47-2.25-.73-1.95-2.14-2.88-4.22.31-6.13C740.93,251.17,748,250.71,755.11,250.79Z" fill="#0a0a0a"/>
          <path d="M733.45,252.94c-1.34,1.61,4.25,3.08.1,4.75l-4.1.06c-1.73-1.25-3.79,0-5.6-.7a48,48,0,0,0-9.42-.7c-1.82,0-3.69.12-5.07-1.44,1.77-1.61,6-.28,5.88-3.44s-3.67-3.23-6.29-3.66c-.47-.08-1-.33-.29-.84a3,3,0,0,1,.94-.29c4.56-1.1,9.13-1.7,13.67.09l-4.06,1.63c2.14,1.73,5-.27,7.14,1.43C727.84,252.86,732,249.73,733.45,252.94Z" fill="#3d3d3d"/>
          <path d="M751.27,258.67a1.41,1.41,0,0,1,.48.13,5.59,5.59,0,0,1,.62.57,66.24,66.24,0,0,1-7.2,1.28c-8.26.61-16.51,1.7-24.83,1.18-.7-.37-.67-.64.1-.82Z" fill="#333"/>
          <path d="M720.44,261c0,.27-.08.55-.1.82-6.27,1.18-12.6,1.13-18.94.94,2.44-2.81,5.75-1.79,8.75-1.89C713.58,260.77,717,261,720.44,261Z" fill="#4f4f4f"/>
          <path d="M726.14,258.8l-3,.26c-5.28.29-10.56.84-15.81-.32a3.12,3.12,0,0,0,.15-.75,2.54,2.54,0,0,1,1.41-1c4.71-1.45,9.55-1.21,14.36-1C724.66,256,727.46,255.57,726.14,258.8Z" fill="#e1e1e1"/>
          <path d="M726.14,258.8c-.53-2.25-2.37-1.84-4-2-4.67-.47-9.2,1-13.83,1,.13-1.83,1.69-1.93,2.94-2.41,4.64.25,9.3-.6,13.9.46,1.74-.06,4.45-2.26,4.28,1.93Z" fill="#6b6b6b"/>
          <path d="M765.21,264.7c-.14-1.95-1.13-3.9,0-5.84.79-1.17.73-3.14,2.86-3C767.62,258.94,770,263,765.21,264.7Z" fill="#848484"/>
          <path d="M710.3,256l-2,1.83a4,4,0,0,1-.84.21c-2.69-1.08-5.49,2.51-8.14-.21,2.95-2.78,6.64-1.83,10.11-2C709.83,255.39,710.11,255.46,710.3,256Z" fill="#242424"/>
          <path d="M761.17,255.78c-2.14-1.47-4.73-.48-7.29-1.35.56-1.9,2-2.23,3.6-2.42,1.9,3,5,1.45,7.58,2.12C764.16,255.61,762.74,255.87,761.17,255.78Z" fill="#262626"/>
          <path d="M707.34,258.74l15.81.32C717.86,260.17,712.58,260.5,707.34,258.74Z" fill="#2c2c2c"/>
          <path d="M733.45,252.94c-3.47-.37-7.05.5-10.6-.73.6-2,2.63-1.28,3.5-2.38,9.6,0,19.23-1,28.76,1A101,101,0,0,1,733.45,252.94Z" fill="#434343"/>
          <path d="M736.25,239.89l4.83,1c1,3.24-.26,4.32-3.47,4.08-2.41-.17-4.85.05-7.27.09l-2-.19c-2-.89-2.27-2.23-1.05-4l.12.08C729.79,235.88,733.1,238.54,736.25,239.89Z" fill="#eaeaea"/>
          <path d="M723.27,246.77l-13.67-.09c1.34-3.5,4.34-1.3,6.53-1.9,2.14-.26,3.13-1.52,3.14-3.63,3.84-.32.73,3.88,3,4.58a.64.64,0,0,1,1,.16A2.6,2.6,0,0,1,723.27,246.77Z" fill="#dedede"/>
          <path d="M723.24,245.89l-1-.16c-.13-3.5,1.62-5,5-4.85.13,1.38.09,2.81,1.05,4C727,246.79,725.14,246.49,723.24,245.89Z" fill="#5f5f5f"/>
          <path d="M797.22,175.08c-.45-2.7,1.69-4.23,3-5.91,3.87-4.86,6-10.94,10.91-15,0,.67,0,1.34,0,2C806.83,162.66,802.73,169.39,797.22,175.08Z" fill="#d5d5d5"/>
          <path d="M754.29,261c2.3-.39,4.5-1.39,6.91-1.06.38,2.26.8,4.52,0,6.78-.62,3.53,2.78,2.08,4,3.27a4.34,4.34,0,0,1-4.05,1.78c-7.3-.83-14.42,1.14-21.65,1.36-1.47,0-2.94.63-4.31-.33-.76-1-3-1.46-2.43-2.59,1.15-2.17,3.67-1.08,5.64-1.23,4.2.59,8.57,1.86,11.46-2.83C751.14,264.21,751.06,261.16,754.29,261Z" fill="#1c1c1c"/>
          <path d="M753.47,275.84c-.05.28-.11.57-.18.85,1.81,1.79,2.89,3.75,1.56,6.31-2.31,2.49-5.34,1.64-8.16,1.73-3.55-.83-7.23-.71-10.8-1.43-2.79-.56-4.2-1.86-3.08-4.83,3.13-2.18,6.86-.67,10.17-1.67.5,0,1,0,1.5-.05C747.41,275.85,750.36,275.05,753.47,275.84Z" fill="#444"/>
          <path d="M754.27,282.78a13,13,0,0,1-1-6.09l6.92-1c1-.45,2.25-.5,2.13.83-.17,1.77,1,3.55-.1,5.26l-1,1-2.89,1.05-.43-.15C756.85,282.72,755.26,284,754.27,282.78Z" fill="#282828"/>
          <path d="M735.22,272.75c6.74-.45,13.36-2.18,20.16-1.94,2,.07,4-.14,5.8.91L738.43,274c-1.28-.11-2.75.13-3.78-.43S734.87,273,735.22,272.75Z" fill="#0a0a0a"/>
          <path d="M745.26,277.79h-.94c-4.1-.74-8,.53-12,1.07-3,.41-6.17,1.34-8.92-1l-3.92-1c4-.34,8,.23,11.91-1.08l7.14-.15h6.78A1.45,1.45,0,0,1,745.26,277.79Z" fill="#3d3d3d"/>
          <path d="M745.26,277.79l0-2.1,11.43-1.95c-.94,1.8-2.24,1.67-3.25,2.1Z" fill="#484848"/>
          <path d="M762.24,281.74c-1.46-1.77.17-4.56-2-6.09,4.92-.91,2.63,4.19,4.71,5.64Z" fill="#4b4b4b"/>
          <path d="M724.32,331.64c-2.19-2.65-6.37-4.3-4.06-9.13.68-1.41-1.14-1.6-2.26-1.81l-10.74-2c-1.7,0-3.41,0-4.89-1.05l2-1c-.4-3.58,2.86-4,4.79-5.62a4.75,4.75,0,0,1,3.42-1.43c1.29.38,2.66.58,3.69,1.58a7.19,7.19,0,0,0,7.37,4.88c9.09-.19,18.22,1.11,27.29-.61,2.58.46,5.48-.09,7.43,2.36-3.51,1-5.17,3.48-7.34,6.35-2.84,3.76-7.23,7.24-12.77,7.4C733.6,331.73,729,331.64,724.32,331.64Z" fill="#686868"/>
          <path d="M758.34,317.85l-8.05-.15c-6,.48-10-2.92-9.53-8.15,4.1-2.19,8.63-2.24,13.1-2.62,3.78,2,3.84,6.62,6.66,9.29a1.29,1.29,0,0,1-.28,1.41Z" fill="#404040"/>
          <path d="M760.24,317.63c0-.28.06-.56.09-.84a19.29,19.29,0,0,1-1.87-10c1.93-1.78,3.87-3.56,5.9-.12l-.3,10.79Z" fill="#525252"/>
          <path d="M707.49,289.86l1.8-.24a22.71,22.71,0,0,1,10.21-2.34c2.06.47,5-1.16,5.74,2.45l-.8,1c-4.49,1.54-9.15.77-13.74,1A3.15,3.15,0,0,1,707.49,289.86Z" fill="#ececec"/>
          <path d="M710.32,312.67c1.68.83,3,2.25,1.69,3.88-1.5,1.88-2.69.33-3.86-1.06-2-2.36-2.59.55-3.8,1.2-1.59-1.63-3.21-3.11-4.05-5.44s-3.36-2.41-5.51-2.74c.05-.93,3.26-.05,1.21-2.4-1.11-1.27.68-1.16,1.44-1.36,2.48,1.67,5.22,1.06,7.91.93a29.68,29.68,0,0,0,8.86.83,1.91,1.91,0,0,1,.73,1.92c-.66,1.85-2.38,1.4-3.66,1.44C708.14,310,709.46,311.34,710.32,312.67Z" fill="#6d6d6d"/>
          <path d="M740.37,300.9c4.35-.47,8.74-.75,12.94-2.12,1.69,0,3.4-.15,4.89.91l0,0a9.86,9.86,0,0,1-7.23,3.5c-2.31-.16-4.57.39-6.86.47C742.15,303.76,740.21,303.76,740.37,300.9Z" fill="#070707"/>
          <path d="M711.4,243.74l-12,1c0-.64-.05-1.29-.07-1.94,3.74.34,7.42-.38,11.11-.8Z" fill="#a6a6a6"/>
          <path d="M764.36,306.72c-1.92-1-3.54,0-5.18.82-1.12,2.43-2.79,2.64-4.88,1.22a62.19,62.19,0,0,0-13.08,1.9,4,4,0,0,1-3.14,2.17c-5.94.63-11.84,1.75-17.86,1.19a6.33,6.33,0,0,1-4.78-2.24l-3.09-1c4.73-3.15,10.19-2,15.32-2.39,4.25-.35,8.56-.47,12.86-.46a4.59,4.59,0,0,1,1,.24,2,2,0,0,1-1.35-1.55c.08-.25.17-.49.26-.73.92-1.47,2.39-1.84,4-2,5.1-.49,10.19-1.21,15.32-1.19a13.74,13.74,0,0,0,6.13-.69l2.21.71C766.09,303.36,765.84,305.6,764.36,306.72Z" fill="#6d6d6d"/>
          <path d="M761.19,266.67c-2.54-2.26-.67-4.52,0-6.78,1.63,1.28,1.91,3.13,2.11,5C762.9,265.85,762.36,266.63,761.19,266.67Z" fill="#363636"/>
          <path d="M765.84,302a6,6,0,0,1-4.71,1.68c-1.9-1-3.81.12-5.69,0-1.52-.09-3.76.94-4.07-1.89l6.87-2C760.21,302.39,763.27,301.35,765.84,302Z" fill="#363636"/>
          <path d="M727.34,239.65c-4.85,1.43-3.91-2.19-4.18-4.76-.58-7.08-.66-14.1,2.13-20.84.33-1.29.67-2.57,1-3.86l2-1.22a6.5,6.5,0,0,1,1,3.95,38.62,38.62,0,0,0,.9,22C731.3,237.69,729.53,238.8,727.34,239.65Z" fill="#fbfbfb"/>
          <path d="M729.07,235c-1.43-5.47-1.73-11.07-2-16.68a7.53,7.53,0,0,1,2.22-5.36c.39,6.72-.92,13.52.94,20.16C730,233.77,730.23,234.81,729.07,235Z" fill="#e7e7e7"/>
          <path d="M729.07,235l1.19-1.88c1.93,2.32,4.74,3.88,6,6.81-2.9.7-6-.35-8.83,1.07l-.08-1.31C727.9,238.08,729.41,236.86,729.07,235Z" fill="#8f8f8f"/>
          <path d="M725.29,214.05l-2.13,20.84c-1.41-3-.53-6.26-1-9.37C722.74,221.58,721.09,217,725.29,214.05Z" fill="#191919"/>
          <path d="M751.37,301.75c3,1.83,6.76,0,9.76,1.9l-20.72,2.2-4.77-.32,2.81-1.32c-.64-1.43-2.37-.85-3.27-1.83.27-1.17,1.61-.83,2.24-1.49h3C743.9,303,747.73,301.09,751.37,301.75Z" fill="#080808"/>
          <path d="M740.15,306.58l1.13,1.11c-8,2.06-16.16,1.13-24.22,2a3,3,0,0,1-2.7-1l-.15-2.17C722.86,307.36,731.51,306.84,740.15,306.58Z" fill="#787878"/>
          <path d="M733.33,278.87c1.55,3.37,4.87,3.29,7.78,3.83,1.73.33,3.58.06,5.17,1.07-1.24,2.12-3.07,1.64-4.91,1.1l-3.09,0c-1.42.59-3.07.33-4.4,1.21-2.58.31-5,1.45-7.8.37-1.8-.69-3.61-1-3.55-3.35s1.84-3.36,3.93-3.75a19.14,19.14,0,0,0,3.44-.49C731,278.81,732.18,277.7,733.33,278.87Z" fill="#4d4d4d"/>
          <path d="M741.37,284.87c1.69-.15,3.41-.16,4.91-1.1,2.71.06,5.43.14,8-1,1.27.07,2.57,0,3.64.88-3.51.83-6.81,2.65-10.59,2.14C745.3,285.71,743.23,286,741.37,284.87Z" fill="#080808"/>
          <path d="M733.36,284.83l4.92.06c-.29.57-2,.87-.73,1.63,1,.6,2.51.36,4.58.58-2.4,2.14-4.72,1.44-6.78,1.71l-.15-.1a4.29,4.29,0,0,0-1.84-.59c-1.21-.28-3.05,0-3.07-1.73C730.27,284.49,732.54,285.82,733.36,284.83Z" fill="#1f1f1f"/>
          <path d="M733.36,284.83c-3.86,3.41,2.18,2.14,1.84,3.88-3.3.57-6.56,1.49-10,1-1.68-1.84-3.92-.63-5.85-1.09a2.16,2.16,0,0,1-.72-.56c-3.09-.56-6.47,1.21-9.3-1.2.58-.3,1.17-.86,1.75-.85,4.54.07,5.87-2,4.33-6.16,4.95-.43,9.9-2.09,14.86-.09-1,1.83-5.22-.46-4.62,3.26.64,3.91,3.91.66,5.72,1.7C731.91,285,732.7,284.82,733.36,284.83Z" fill="#3f3f3f"/>
          <path d="M754.29,261c-.68.76-1.45,1.59-.63,2.61,1.8,2.24.17,3.17-1.46,4.15-1.61,1.5-3.25,1.43-4.92.1-3-.9-6.21-1.75-3-5.85Z" fill="#3a3a3a"/>
          <path d="M747.28,267.81l4.92-.09c.59.4,1.13,1.35.32,1.43-4.69.5-9.44,2.13-14.09-.22C741.39,268.67,744.44,269,747.28,267.81Z" fill="#030303"/>
          <path d="M730.31,279.78l-14.86.09-3-1c3.65-.39,7.4.57,10.94-1,5.24-.14,10.5.32,15.7-.79a6.6,6.6,0,0,1,5.24.69l-11,1.07Z" fill="#757575"/>
          <path d="M709.37,286.88H724l.13.61-4.69.46c-3,.35-6.09,1.75-9.11-.1a2.4,2.4,0,0,0-.84-.15A7.58,7.58,0,0,1,709.37,286.88Z" fill="#fafafa"/>
          <path d="M710.29,287.85l9.11.1a5.3,5.3,0,0,1,0,.69,30.18,30.18,0,0,1-10.1,1C709.62,289,710,288.44,710.29,287.85Z" fill="#787878"/>
          <path d="M710.3,256a4.06,4.06,0,0,0-.84-.18c0-.29-.07-.57-.1-.86,5.26.46,10.66-1.42,15.81.92Z" fill="#fbfbfb"/>
          <path d="M715.44,311.78l25.78-1.12c3.45,1.8,5,6.06,9.07,7-5.14,1.91-10.48.68-15.72.91-4.29.19-8.6.1-12.9,0C715.37,318.51,714.85,317.89,715.44,311.78Z" fill="#505050"/>
          <path d="M714.36,308.68c9,.57,17.94-.73,26.92-1l7.79-.89c-12.07,3-24.46,2.85-36.72,3.94l-2,1.94a17.82,17.82,0,0,1-8.16-4Z" fill="#585858"/>
          <path d="M754.3,308.76l4.88-1.22c3.37,2.71,2.2,6,1.15,9.25C754.08,317.29,755.54,312,754.3,308.76Z" fill="#2a2a2a"/>
        </g>
      </g>
      <g id="bar">
        <rect id="red" x="219.75" y="404.29" width="189.21" height="59.31" rx="17.98" fill="#ed1c24"/>
        <rect id="yellow" x="219.75" y="404.29" width="189.21" height="59.31" rx="17.98" fill="#ffe500"/>
        <rect id="green" x="219.75" y="404.29" width="189.21" height="59.31" rx="17.98" fill="#39b54a"/>
        <rect id="AROUND" x="219.75" y="404.29" width="189.21" height="59.31" rx="17.98" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="3"/>
      </g>
   
</svg>
  
  
</section>
              
            
!

CSS

              
                

body {
  margin: 0;
/*   background: tan; */
  background-image: radial-gradient(lightgrey, black);
  
}






h1{
  font-family: 'Roboto Mono', monospace;
  font-size: 30px;
  text-align: center;
  margin-right: 90px;
}

.inst{
/*   border: solid 1px red; */
  font-family: 'Roboto Mono', monospace;
  font-size: 20px;
  text-align: center;
  list-style-type: none;
  color: white;
  
}
 

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



.button{
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 0px 0px;
  cursor: pointer;
  float:left;
  margin-left:20px;
}

.button:hover{
  background-color: red;
}

#crank{
  cursor: pointer;
}

#switch{
  cursor: pointer;
}
              
            
!

JS

              
                


var counter = 0;

gsap.set("#switch", {
	transformOrigin: "right center",
  	rotation: 90
});


gsap.set("#crank", {
	transformOrigin: "right center"
});

gsap.set("#green", {
	autoAlpha: 0
});

gsap.set("#yellow", {
	autoAlpha: 0
});

$(function () {
	Draggable.create("#crank", {
		type: "rotation",
		throwProps: true,
		onDragEnd: updateCounter,
		bounds: {
			minRotation: 40,
			maxRotation: -30,
      enable: false,
      
		}
	});
});

function updateCounter() {
	gsap.to("#crank", {
		rotation: 40,
	});
	counter += 1;
	console.log(counter);
	
  if (counter == 1) {
		gsap.to("#yellow", {
			autoAlpha: 1
		});
	}
  	else if (counter == 2) {
		gsap.to("#green", {
			autoAlpha: 1,
     
		});
       switchDrag[0].enable();
      
	}
}



var switchDrag =
	Draggable.create("#switch", {
		type: "rotation",
		throwProps: true,
		// onThrowComplete: playSpark,
    // onThrowComplete: reversal,
    onThrowComplete: elect,
		bounds: {
			minRotation: 40,
			maxRotation: 140,
      
      
  
		}
	});

switchDrag[0].disable();

//on switchDrag



// function reversal() {
// console.log(gsap.getProperty("#switch", "rotation")) 
//   if (gsap.getProperty("#switch", "rotation") < 90) {
     
// 	gsap.set("#light", {
// 	autoAlpha: 0,

// 	})
//      // reverse light
//      // reverse spark
//    }  else if (gsap.getProperty("#switch", "rotation") > 90) {
//       console.log("more")
// 	gsap.set("#light", {
// 	autoAlpha: 1,
//     delay: 3,
// 	})
//      // reverse light
//      // reverse spark
//    } 
// }


function elect() {
console.log(gsap.getProperty("#switch", "rotation")) 
  if (gsap.getProperty("#switch", "rotation") > 90) {
  gsap.to("#spark", {
	duration: 3,
	repeat: 0,
  paused:false,  
	ease: "none",
	motionPath: {
		path: "#wire",
		align: "#wire",
		autoRotate: true,
		alignOrigin: [0.5, 0.5],
    onComplete: turnOn 
}
    
          }) 
  gsap.set("#spark", {
	autoAlpha: 1,
  delay: .3,  
}) 
  }
  
  else if (gsap.getProperty("#switch", "rotation") < 90) {
     
	gsap.set("#light", {
	autoAlpha: 0,
    
	})
  gsap.set("#spark", {
	autoAlpha: 0,
})
    
  
  
   } 
}

gsap.set("#light", {
	autoAlpha: 0
});

function turnOn() {
  var turn_on = gsap.set("#light", {
	autoAlpha: 1, 
    delay: 3,
});
}

  function turnOff() {
  gsap.set("#light", {
	autoAlpha: 0, 
  enable:false, 
});
}


              
            
!
999px

Console