Gaming Clock UI Using SVG CSS and JavaScript

Gaming Clock UI Using SVG CSS and JavaScript
Code Snippet:SVG/CSS Clock [WebKit/FF/Opera]
Author: Ilya Gerasimenko
Published: January 18, 2024
Last Updated: January 22, 2024
Downloads: 212
License: MIT
Edit Code online: View on CodePen
Read More

This code generates a gaming clock interface using SVG, CSS, and JavaScript. It creates a clock face with animated hands that move according to the current time. The JavaScript sets the time and triggers chime sounds. The CSS handles animations for the clock’s visual effects. It visually mimics a gaming clock UI for a fun and engaging experience.

It’s perfect for integrating into game-related pages to add an exciting, thematic clock display. One significant benefit is that it enhances user engagement by offering an animated and visually appealing feature.

How to Create Gaming Clock Ui Using Svg Css And Javascript

1. First of all, ensure your HTML file has the necessary structure to include the clock. Add the following elements where you want the clock to appear:

<div class="frame">

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1315 1315">
 	<defs>
	</defs>
  <g id="backdrop">
    <g id="backdrop_disk">
      <circle cx="657.5" cy="657.5" r="657.5" class="backdrop-disk"/>
      <g id="back_marks">
        <g id="XMLID_5_">
          <path d="M694.8 23.3L592.7 125.4M643.7 101.2L601 143.9M713.3 31.7l-42.7 42.6M721.7 50.2L619.6 152.3M721.7 125.4L619.6 23.3M643.7 74.4L601 31.7M713.3 143.9l-42.7-42.7M694.8 152.3L592.7 50.2" class="st1"/>
          <g transform="matrix(0.7071 -0.7071 0.7071 0.7071 130.4026 490.4157)">
            <ellipse cx="657.2" cy="87.8" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="657.2" cy="87.8" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="657.2" cy="87.8" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="657.2" cy="87.8" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="657.2" cy="87.8" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_6_">
          <path d="M694.8 1162.7l-102.1 102.1M643.7 1240.7l-42.7 42.6M713.3 1171.1l-42.7 42.7M721.7 1189.6l-102.1 102.1M721.7 1264.8l-102.1-102.1M643.7 1213.8l-42.7-42.7M713.3 1283.3l-42.7-42.7M694.8 1291.7l-102.1-102.1" class="st1"/>
          <g transform="matrix(0.7071 -0.7071 0.7071 0.7071 -675.2776 824.1394)">
            <ellipse cx="657.2" cy="1227.2" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="657.2" cy="1227.2" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="657.2" cy="1227.2" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="657.2" cy="1227.2" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="657.2" cy="1227.2" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_8_">
          <path d="M372.6 89.5l-37.3 139.4M367.4 182.5l-15.6 58.3M392.9 87.4l-15.6 58.4M409.4 99.3L372 238.8M447 164.4l-139.5-37.3M354 159.2l-58.4-15.6M449 184.7L390.7 169M437.1 201.2l-139.4-37.4" class="st1"/>
          <g transform="matrix(0.2588 -0.9659 0.9659 0.2588 117.436 481.2928)">
            <ellipse cx="372.3" cy="164.1" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="372.3" cy="164.1" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="372.3" cy="164.1" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="372.3" cy="164.1" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="372.3" cy="164.1" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_7_">
          <path d="M942.3 1076.2L905 1215.7M937.1 1169.2l-15.6 58.4M962.6 1074.2l-15.6 58.3M979.1 1086.1l-37.4 139.4M1016.7 1151.2l-139.5-37.4M923.7 1146l-58.4-15.7M1018.7 1171.4l-58.3-15.6M1006.8 1187.9l-139.4-37.3" class="st1"/>
          <g transform="matrix(0.2588 -0.9659 0.9659 0.2588 -413.4417 1762.9449)">
            <ellipse cx="942" cy="1150.9" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="942" cy="1150.9" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="942" cy="1150.9" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="942" cy="1150.9" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="942" cy="1150.9" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_10_">
          <path d="M126.8 307.8l37.3 139.5M168.7 391l15.7 58.3M143.3 296l15.6 58.3M163.5 298l37.4 139.5M228.6 335.6L89.2 373M145.4 377.6l-58.3 15.6M240.5 352.1l-58.3 15.6M238.5 372.3L99 409.7" class="st1"/>
          <g transform="matrix(0.9659 -0.2588 0.2588 0.9659 -90.867 55.0946)">
            <ellipse cx="163.8" cy="372.6" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="163.8" cy="372.6" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="163.8" cy="372.6" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="163.8" cy="372.6" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="163.8" cy="372.6" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_9_">
          <path d="M1113.5 877.5l37.4 139.5M1155.5 960.7l15.6 58.3M1130 865.7l15.6 58.3M1150.2 867.7l37.4 139.5M1215.4 905.3l-139.5 37.4M1132.2 947.3l-58.3 15.6M1227.3 921.8l-58.4 15.6M1225.2 942l-139.4 37.4" class="st1"/>
          <g transform="matrix(0.9659 -0.2588 0.2588 0.9659 -204.6939 329.8972)">
            <ellipse cx="1150.6" cy="942.4" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="1150.6" cy="942.4" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="1150.6" cy="942.4" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="1150.6" cy="942.4" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="1150.6" cy="942.4" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_12_">
          <path d="M23 619.9L125.1 722M100.9 670.9l42.7 42.7M31.3 601.4L74 644.1M49.9 593L152 695.1M125.1 593L23 695.1M74 670.9l-42.7 42.7M143.6 601.4l-42.7 42.7M152 619.9L49.9 722" class="st1"/>
          <g transform="matrix(0.7071 -0.7071 0.7071 0.7071 -439.2994 254.4375)">
            <ellipse cx="87.5" cy="657.5" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="87.5" cy="657.5" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="87.5" cy="657.5" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="87.5" cy="657.5" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="87.5" cy="657.5" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_11_">
          <path d="M1162.4 619.9L1264.5 722M1240.3 670.9l42.7 42.7M1170.7 601.4l42.7 42.7M1189.3 593l102.1 102.1M1264.5 593l-102.1 102.1M1213.4 670.9l-42.7 42.7M1283 601.4l-42.7 42.7M1291.4 619.9L1189.3 722" class="st1"/>
          <g transform="matrix(0.7071 -0.7071 0.7071 0.7071 -105.5757 1060.1177)">
            <ellipse cx="1226.9" cy="657.5" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="1226.9" cy="657.5" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="1226.9" cy="657.5" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="1226.9" cy="657.5" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="1226.9" cy="657.5" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_14_">
          <path d="M89.2 942l139.4 37.4M182.2 947.3l58.3 15.6M87.1 921.8l58.3 15.6M99 905.3l139.5 37.4M164.1 867.7l-37.3 139.5M158.9 960.7l-15.6 58.3M184.4 865.7L168.7 924M200.9 877.5L163.5 1017" class="st1"/>
          <g transform="matrix(0.2588 -0.9659 0.9659 0.2588 -788.829 856.68)">
            <ellipse cx="163.8" cy="942.4" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="163.8" cy="942.4" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="163.8" cy="942.4" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="163.8" cy="942.4" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="163.8" cy="942.4" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_13_">
          <path d="M1075.9 372.3l139.5 37.4M1168.9 377.6l58.4 15.6M1073.9 352.1l58.3 15.6M1085.8 335.6l139.4 37.4M1150.9 298l-37.4 139.5M1145.6 391l-15.6 58.3M1171.1 296l-15.6 58.3M1187.6 307.8l-37.4 139.5" class="st1"/>
          <g transform="matrix(0.2588 -0.9659 0.9659 0.2588 492.8232 1387.5577)">
            <ellipse cx="1150.6" cy="372.6" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="1150.6" cy="372.6" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="1150.6" cy="372.6" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="1150.6" cy="372.6" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="1150.6" cy="372.6" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_16_">
          <path d="M307.5 1187.9l139.5-37.3M390.7 1146l58.3-15.7M295.6 1171.4l58.4-15.6M297.7 1151.2l139.4-37.4M335.3 1086.1l37.3 139.4M377.3 1169.2l15.6 58.4M351.8 1074.2l15.6 58.3M372 1076.2l37.4 139.5" class="st1"/>
          <g transform="matrix(0.9659 -0.2588 0.2588 0.9659 -285.1817 135.5824)">
            <ellipse cx="372.3" cy="1150.9" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="372.3" cy="1150.9" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="372.3" cy="1150.9" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="372.3" cy="1150.9" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="372.3" cy="1150.9" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_15_">
          <path d="M877.2 201.2l139.5-37.4M960.4 159.2l58.3-15.6M865.3 184.7l58.4-15.7M867.4 164.4l139.4-37.3M905 99.3l37.3 139.5M947 182.5l15.6 58.3M921.5 87.4l15.6 58.4M941.7 89.5l37.4 139.4" class="st1"/>
          <g transform="matrix(0.9659 -0.2588 0.2588 0.9659 -10.3792 249.4093)">
            <ellipse cx="942" cy="164.1" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="942" cy="164.1" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="942" cy="164.1" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="942" cy="164.1" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="942" cy="164.1" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_33_">
          <path d="M529.4 35.2l-72.2 125M500.2 123.7L470 176M549.4 38.4l-30.2 52.3M562.3 54.2l-72.2 125M581.8 126.8L456.7 54.6M493.3 97.7L441 67.5M578.5 146.9l-52.3-30.2M562.7 159.8l-125-72.2" class="st1"/>
          <g transform="matrix(0.5 -0.866 0.866 0.5 162.0211 495.0492)">
            <ellipse cx="509.7" cy="107.2" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="509.7" cy="107.2" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="509.7" cy="107.2" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="509.7" cy="107.2" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="509.7" cy="107.2" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_32_">
          <path d="M824.3 1135.8l-72.2 125M795.1 1224.3l-30.2 52.3M844.3 1139l-30.2 52.3M857.2 1154.8l-72.2 125M876.7 1227.4l-125.1-72.2M788.2 1198.3l-52.3-30.2M873.4 1247.5l-52.3-30.2M857.6 1260.4l-125-72.2" class="st1"/>
          <g transform="matrix(0.5 -0.866 0.866 0.5 -643.6591 1300.7294)">
            <ellipse cx="804.6" cy="1207.8" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="804.6" cy="1207.8" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="804.6" cy="1207.8" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="804.6" cy="1207.8" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="804.6" cy="1207.8" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_31_">
          <path d="M235.3 182.5v144.4M254.3 273.7v60.4M254.3 175.3v60.3M273.4 182.5v144.4M326.5 235.6H182.2M235.3 254.7h-60.4M333.7 254.7h-60.3M326.5 273.7H182.2" class="st1"/>
          <circle cx="254.3" cy="254.7" r="70.2" class="st1"/>
          <circle cx="254.3" cy="254.7" r="60.8" class="st2"/>
          <circle cx="254.3" cy="254.7" r="51.3" class="st3"/>
          <circle cx="254.3" cy="254.7" r="41.9" class="st4"/>
          <circle cx="254.3" cy="254.7" r="32.5" class="st5"/>
        </g>
        <g id="XMLID_30_">
          <path d="M1041 988.1v144.4M1060 1079.4v60.3M1060 980.9v60.4M1079 988.1v144.4M1132.2 1041.3H987.8M1041 1060.3h-60.4M1139.4 1060.3H1079M1132.2 1079.4H987.8" class="st1"/>
          <circle cx="1060" cy="1060.3" r="70.2" class="st1"/>
          <circle cx="1060" cy="1060.3" r="60.8" class="st2"/>
          <circle cx="1060" cy="1060.3" r="51.3" class="st3"/>
          <circle cx="1060" cy="1060.3" r="41.9" class="st4"/>
          <circle cx="1060" cy="1060.3" r="32.5" class="st5"/>
        </g>
        <g id="XMLID_29_">
          <path d="M54.3 457l72.2 125.1M116.4 526.5l30.2 52.3M67.2 441.3l30.2 52.3M87.3 438l72.2 125.1M159.9 457.5l-125 72.2M90.4 519.6l-52.3 30.2M175.7 470.3l-52.3 30.2M178.9 490.4l-125 72.2" class="st1"/>
          <g transform="matrix(0.866 -0.5 0.5 0.866 -240.7038 121.7816)">
            <ellipse cx="106.9" cy="510.1" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="106.9" cy="510.1" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="106.9" cy="510.1" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="106.9" cy="510.1" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="106.9" cy="510.1" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_28_">
          <path d="M1154.9 751.9l72.2 125.1M1217 821.4l30.2 52.3M1167.8 736.2l30.2 52.3M1187.9 732.9L1260 858M1260.5 752.4l-125.1 72.2M1191 814.5l-52.3 30.2M1276.2 765.2l-52.3 30.2M1279.5 785.3l-125 72.2" class="st1"/>
          <g transform="matrix(0.866 -0.5 0.5 0.866 -240.7038 711.5804)">
            <ellipse cx="1207.5" cy="804.9" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="1207.5" cy="804.9" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="1207.5" cy="804.9" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="1207.5" cy="804.9" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="1207.5" cy="804.9" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_27_">
          <path d="M34.9 785.3l125 72.2M123.4 814.5l52.3 30.2M38.1 765.2l52.3 30.2M53.9 752.4l125 72.2M126.5 732.9L54.3 858M97.4 821.4l-30.2 52.3M146.6 736.2l-30.2 52.3M159.5 751.9L87.3 877" class="st1"/>
          <g transform="matrix(0.5 -0.866 0.866 0.5 -643.6591 495.0492)">
            <ellipse cx="106.9" cy="804.9" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="106.9" cy="804.9" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="106.9" cy="804.9" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="106.9" cy="804.9" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="106.9" cy="804.9" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_26_">
          <path d="M1135.4 490.4l125.1 72.2M1223.9 519.6l52.3 30.2M1138.7 470.3l52.3 30.2M1154.5 457.5l125 72.2M1227.1 438l-72.2 125.1M1198 526.5l-30.2 52.3M1247.2 441.3l-30.2 52.3M1260 457l-72.1 125.1" class="st1"/>
          <g transform="matrix(0.5 -0.866 0.866 0.5 162.0211 1300.7294)">
            <ellipse cx="1207.5" cy="510.1" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="1207.5" cy="510.1" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="1207.5" cy="510.1" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="1207.5" cy="510.1" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="1207.5" cy="510.1" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_25_">
          <path d="M182.2 1079.4h144.3M273.4 1060.3h60.3M174.9 1060.3h60.4M182.2 1041.3h144.3M235.3 988.1v144.4M254.3 1079.4v60.3M254.3 980.9v60.4M273.4 988.1v144.4" class="st1"/>
          <circle cx="254.3" cy="1060.3" r="70.2" class="st1"/>
          <circle cx="254.3" cy="1060.3" r="60.8" class="st2"/>
          <circle cx="254.3" cy="1060.3" r="51.3" class="st3"/>
          <circle cx="254.3" cy="1060.3" r="41.9" class="st4"/>
          <circle cx="254.3" cy="1060.3" r="32.5" class="st5"/>
        </g>
        <g id="XMLID_24_">
          <path d="M987.8 273.7h144.4M1079 254.7h60.4M980.6 254.7h60.4M987.8 235.6h144.4M1041 182.5v144.4M1060 273.7v60.4M1060 175.3v60.3M1079 182.5v144.4" class="st1"/>
          <circle cx="1060" cy="254.7" r="70.2" class="st1"/>
          <circle cx="1060" cy="254.7" r="60.8" class="st2"/>
          <circle cx="1060" cy="254.7" r="51.3" class="st3"/>
          <circle cx="1060" cy="254.7" r="41.9" class="st4"/>
          <circle cx="1060" cy="254.7" r="32.5" class="st5"/>
        </g>
        <g id="XMLID_23_">
          <path d="M456.7 1260.4l125.1-72.2M526.2 1198.3l52.3-30.2M441 1247.5l52.3-30.2M437.7 1227.4l125-72.2M457.2 1154.8l72.2 125M519.2 1224.3l30.2 52.3M470 1139l30.2 52.3M490.1 1135.8l72.2 125" class="st1"/>
          <g transform="matrix(0.866 -0.5 0.5 0.866 -535.6033 416.681)">
            <ellipse cx="509.7" cy="1207.8" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="509.7" cy="1207.8" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="509.7" cy="1207.8" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="509.7" cy="1207.8" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="509.7" cy="1207.8" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <g id="XMLID_22_">
          <path d="M751.6 159.8l125.1-72.2M821.1 97.7l52.3-30.2M735.9 146.9l52.3-30.2M732.6 126.8l125-72.2M752.1 54.2l72.2 125M814.1 123.7l30.2 52.3M764.9 38.4l30.2 52.3M785 35.2l72.2 125" class="st1"/>
          <g transform="matrix(0.866 -0.5 0.5 0.866 54.1956 416.681)">
            <ellipse cx="804.6" cy="107.2" class="st1" rx="70.2" ry="70.2"/>
            <ellipse cx="804.6" cy="107.2" class="st2" rx="60.8" ry="60.8"/>
            <ellipse cx="804.6" cy="107.2" class="st3" rx="51.3" ry="51.3"/>
            <ellipse cx="804.6" cy="107.2" class="st4" rx="41.9" ry="41.9"/>
            <ellipse cx="804.6" cy="107.2" class="st5" rx="32.5" ry="32.5"/>
          </g>
        </g>
        <radialGradient id="SVGID_1_" cx="657.5" cy="657.5" r="640.396" gradientUnits="userSpaceOnUse">
          <stop offset=".7" style="stop-color:#000000"/>
          <stop offset="1" style="stop-color:#000000;stop-opacity:0"/>
        </radialGradient>
        <circle cx="657.5" cy="657.5" r="640.4" class="st6"/>
      </g>
      <radialGradient id="backdrop_glow_gradient" cx="657.5" cy="657.5" r="419.904" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#000000"/>
        <stop offset=".192" style="stop-color:#0A0500"/>
        <stop offset=".524" style="stop-color:#261300"/>
        <stop offset=".954" style="stop-color:#542900"/>
        <stop offset="1" style="stop-color:#592C00"/>
      </radialGradient>
      <circle id="backdrop_glow" cx="657.5" cy="657.5" r="419.9" class="backdrop-glow-gradient"/>
    </g>
  </g>
  <g id="WOS">
    <radialGradient id="SVGID_2_" cx="657.185" cy="657.5" r="292.128" gradientUnits="userSpaceOnUse">
      <stop offset="0" style="stop-color:#333333"/>
      <stop offset="1" style="stop-color:#181818"/>
    </radialGradient>
    <path d="M787 633.3c6.7 0 12.7 2.7 17.1 7.1l145.2-145.2c-8.8-15.9-18.9-31-30.2-45.1-2.1 8.3-6.4 16.1-12.9 22.6-13.3 13.3-32.3 17.5-49.2 12.5L735.9 606.4l-27.6-27.6 118.6-118.6c-9.5-18.7-6.5-42.1 9.1-57.7 6.1-6.1 13.5-10.3 21.3-12.6-12-9-24.7-17.2-37.9-24.5L674.3 510.6c4.4 4.4 7.1 10.4 7.1 17.1 0 13.3-10.8 24.2-24.2 24.2S633 541 633 527.6c0-6.7 2.7-12.7 7.1-17.1L494.9 365.4c-13.2 7.3-25.9 15.5-37.9 24.5 7.8 2.2 15.2 6.4 21.3 12.6 15.6 15.6 18.6 39 9.1 57.7L606 578.8l-27.6 27.6-121.1-121.2c-16.9 5-35.9.8-49.2-12.5-6.5-6.5-10.8-14.3-12.9-22.6-11.2 14.2-21.3 29.2-30.2 45.1l145.2 145.2c4.4-4.4 10.4-7.1 17.1-7.1 13.3 0 24.2 10.8 24.2 24.2 0 13.3-10.8 24.2-24.2 24.2-6.7 0-12.7-2.7-17.1-7.1L365.1 819.8c8.4 15.2 18 29.6 28.6 43.2.6-11.9 5.4-23.5 14.5-32.6 15.6-15.6 39-18.6 57.7-9.1l112.6-112.6 27.6 27.6-115.2 115.1c5 16.9.8 35.9-12.5 49.2-9.4 9.4-21.7 14.2-34 14.5 15.7 13 32.6 24.6 50.6 34.5l145.2-145.2c-4.4-4.4-7.1-10.4-7.1-17.1 0-13.3 10.8-24.2 24.2-24.2s24.2 10.8 24.2 24.2c0 6.7-2.7 12.7-7.1 17.1l145.2 145.2c17.9-10 34.9-21.6 50.6-34.5-12.3-.3-24.6-5.1-34-14.5-13.3-13.3-17.5-32.3-12.5-49.2L708.3 736.2l27.6-27.6 112.6 112.6c18.7-9.5 42.1-6.5 57.7 9.1 9.1 9.1 13.9 20.7 14.5 32.6 10.6-13.6 20.2-28 28.6-43.2L804.1 674.6c-4.4 4.4-10.4 7.1-17.1 7.1-13.3 0-24.2-10.8-24.2-24.2.1-13.3 10.9-24.2 24.2-24.2zM657.2 734c-42.3 0-76.5-34.3-76.5-76.5S615 581 657.2 581s76.5 34.3 76.5 76.5-34.2 76.5-76.5 76.5z" class="st8"/>
  </g>
  <g id="pendilum">
    <path d="M705.3 376.1v-41.4c35.9-17.8 60.7-54.8 60.7-97.5h-20c0 31.2-16.2 58.8-40.7 74.6v-75.2h-12v81.8c-5.1 2.3-10.5 4.1-16.1 5.4v-87.2h-12v89.1c-2.6.2-5.3.4-8 .4s-5.4-.1-8-.4v-89.1h-12v87.2c-5.6-1.3-11-3.1-16.1-5.4v-81.8h-12v75.2c-24.5-15.8-40.7-43.3-40.7-74.6h-20c0 42.7 24.8 79.8 60.7 97.5v40.6c-19.4 14.5-31.9 37.6-31.9 63.7s12.5 49.2 31.9 63.7v365.5h12V510.1c5.1 2.5 10.4 4.6 16.1 6v352.1h12V518.1c2.5.2 5 .4 7.5.4 2.9 0 5.7-.2 8.5-.5v350.2h12V515.8c5.6-1.5 11-3.6 16.1-6.2v358.6h12V501.9c18.8-14.5 30.9-37.3 30.9-62.9s-12.1-48.3-30.9-62.9zm-28.1-32c5.5-1 10.9-2.5 16.1-4.3v28.6c-5.1-2.6-10.4-4.7-16.1-6.2v-18.1zm-28.1 1.6c2.7.2 5.3.3 8 .3s5.4-.1 8-.3V360c-2.8-.3-5.7-.5-8.5-.5-2.5 0-5.1.1-7.5.4v-14.2zm-28-5.9c5.2 1.8 10.6 3.3 16.1 4.3v17.8c-5.6 1.4-11 3.5-16.1 6v-28.1zm35.6 153.7c-30.1 0-54.5-24.4-54.5-54.5s24.4-54.5 54.5-54.5 54.5 24.4 54.5 54.5-24.4 54.5-54.5 54.5z" class="st9"/>
    <radialGradient id="SVGID_3_" cx="657.185" cy="957.821" r="115.738" fx="593.423" fy="900.537" gradientUnits="userSpaceOnUse">
      <stop offset="0" style="stop-color:#504d49"/>
      <stop offset=".941" style="stop-color:#262626"/>
    </radialGradient>
    <circle cx="657.2" cy="957.8" r="117.6" class="st10"/>
    <path id="wheel" d="M657.2 837.3c-66.6 0-120.6 54-120.6 120.6s54 120.6 120.6 120.6 120.6-54 120.6-120.6-54-120.6-120.6-120.6zm76.1 202.2L667 973.2l5.6-5.6 66.3 66.3c-1.9 1.9-3.7 3.8-5.6 5.6zm5.5-157.7L672.5 948l-5.6-5.6 66.3-66.3c2 1.9 3.8 3.7 5.6 5.7zm-56.5 76l65.3-65.3c13.3 18.4 21.1 40.9 21.1 65.3s-7.8 47-21.1 65.3l-65.3-65.3zm40.2-90.5l-65.3 65.3-65.3-65.3c18.4-13.3 40.9-21.1 65.3-21.1s47 7.9 65.3 21.1zm-59.7 90.5l-5.6 5.6-5.6-5.6 5.6-5.6 5.6 5.6zm-87.3 76.1l66.3-66.3 5.6 5.6-66.3 66.3c-1.9-1.8-3.8-3.7-5.6-5.6zm66.3-85.9l-66.3-66.3c1.8-1.9 3.7-3.8 5.6-5.6l66.3 66.3-5.6 5.6zm-75.1-55.5l65.3 65.3-65.3 65.3c-13.3-18.4-21.1-40.9-21.1-65.3s7.8-46.9 21.1-65.3zm90.5 176.9c-24.4 0-47-7.8-65.3-21.1l65.3-65.3 65.3 65.3c-18.3 13.3-40.9 21.1-65.3 21.1z" class="st9"/>
  </g>
  <g id="gear_anchor">
    <!--circle cx="657.2" cy="274.5" r="193.5" class="st11"/-->
    <path d="M792.3 363.2c0-30.6-15.9-58.3-41.5-77.9-19.2 35.5-49.3 59.5-83.7 63.4v-40.1c12.6-3.6 22.3-13.9 24.9-26.9h19.6v-13.4h-19.5c-3-16.5-17.4-29.1-34.8-29.1s-31.8 12.5-34.8 29.1H603v13.4h19.6c2.6 12.9 12.4 23.3 24.9 26.9v40.1c-34.4-3.8-64.5-27.9-83.7-63.4-25.6 19.7-41.5 47.3-41.5 77.9 0 24.7 10.4 47.5 27.9 65.7-6.1-12.3-9.4-25.8-9.4-40 0-20.6 7.1-39.7 19.2-55.6 14.9 17.8 52.8 30.5 97.2 30.5 44.4 0 82.3-12.7 97.2-30.5 12.1 16 19.2 35.1 19.2 55.6 0 14.2-3.4 27.7-9.4 40 17.7-18.2 28.1-41 28.1-65.7zm-134.8-114c11.8 0 21.8 8.1 24.5 19.1h-9.3c-2.5-6-8.4-10.2-15.3-10.2s-12.8 4.2-15.3 10.2H633c2.7-11 12.7-19.1 24.5-19.1zm-24.3 32.4h9.4c2.7 5.5 8.3 9.4 14.9 9.4s12.2-3.8 14.9-9.4h9.4c-3.1 10.5-12.8 18.2-24.3 18.2s-21.2-7.7-24.3-18.2z" class="gear-front"/>
  </g>
  <g id="gear_click">
    <path id="click_wheel" d="M898.2 661.9v-8.8h-23.4c-.3-16.4-2.5-32.3-6.2-47.6l22.5-6-2.3-8.5-22.5 6c-4.5-15.6-10.7-30.4-18.4-44.4l20.2-11.7-4.4-7.6-20.2 11.7c-8.3-13.8-18.2-26.5-29.3-38.1l16.5-16.5-6.2-6.2-16.5 16.5c-11.5-11.1-24.3-20.9-38.1-29.3l11.7-20.2-7.6-4.4-11.7 20.2c-13.9-7.7-28.8-13.9-44.4-18.4l6-22.5-8.5-2.3-6 22.5c-15.3-3.8-31.2-5.9-47.6-6.2v-23.4H653v23.4c-16.4.3-32.3 2.5-47.6 6.2l-6-22.5-8.5 2.3 6 22.5c-15.6 4.5-30.4 10.7-44.4 18.4L541 446.9l-7.6 4.4 11.7 20.2c-13.8 8.3-26.5 18.2-38.1 29.3l-16.5-16.5-6.2 6.2 16.5 16.5c-11.1 11.5-20.9 24.3-29.3 38.1l-20.2-11.7-4.4 7.6 20.2 11.7c-7.7 13.9-13.9 28.8-18.4 44.4l-22.5-6-2.3 8.5 22.5 6c-3.8 15.3-5.9 31.2-6.2 47.6h-23.4v8.8h23.4c.3 16.4 2.5 32.3 6.2 47.6l-22.5 6 2.3 8.5 22.5-6c4.5 15.6 10.7 30.4 18.4 44.4L446.9 774l4.4 7.6 20.2-11.7c8.3 13.8 18.2 26.5 29.3 38.1l-16.5 16.5 6.2 6.2 16.5-16.5c11.5 11.1 24.3 20.9 38.1 29.3l-11.7 20.2 7.6 4.4 11.7-20.2c13.9 7.7 28.8 13.9 44.4 18.4l-6 22.5 8.5 2.3 6-22.5c15.3 3.8 31.2 5.9 47.6 6.2v23.4h8.8v-23.4c16.4-.3 32.3-2.5 47.6-6.2l6 22.5 8.5-2.3-6-22.5c15.6-4.5 30.4-10.7 44.4-18.4l11.7 20.2 7.6-4.4-11.8-20.2c13.8-8.3 26.5-18.2 38.1-29.3l16.5 16.5 6.2-6.2-16.5-16.5c11.1-11.5 20.9-24.3 29.3-38.1l20.2 11.7 4.4-7.6-20.2-11.7c7.7-13.9 13.9-28.8 18.4-44.4l22.5 6 2.3-8.5-22.5-6c3.8-15.3 5.9-31.2 6.2-47.6h23.3zm-32.6-12.8H689c-3-11.3-11.8-20.1-23.1-23.1V450c108.1 4.4 195 91.1 199.7 199.1zM649.1 450v176c-11.3 3-20.1 11.8-23.1 23.1H448.9c4.7-108.2 91.9-195 200.2-199.1zM448.8 665.9H626c3 11.3 11.8 20.1 23.1 23.1v177.8c-108.9-4.2-196.4-91.9-200.3-200.9zm217.1 200.9V689c11.3-3 20.1-11.8 23.1-23.1h176.7c-3.9 108.8-91.1 196.4-199.8 200.9z" class="gear-front"/>
  </g>
  <g id="gears">
    <path id="gear_eleven" d="M615.1 581.6l9.1-1.8-.8-7.8-9.2.1c-.4-2.6-1-5.1-1.6-7.6l8.5-3.6-2.4-7.5-9 2.1c-.9-2.4-2-4.8-3.2-7.1l7.5-5.3-3.9-6.8-8.4 3.9c-1.4-2.2-3-4.3-4.6-6.3l6.3-6.8-5.2-5.8-7.4 5.5c-1.8-1.8-3.8-3.6-5.8-5.2l4.7-7.9-6.3-4.6-6.1 7c-2.2-1.4-4.4-2.7-6.7-3.9l3-8.7-7.2-3.2-4.5 8.1c-2.4-.9-4.9-1.7-7.4-2.4l1.1-9.2-7.7-1.6-2.7 8.8c-2.5-.4-5.1-.7-7.7-.8l-.8-9.2h-7.8l-.8 9.2c-2.6.1-5.2.4-7.7.8l-2.7-8.8-7.7 1.6 1.1 9.2c-2.5.7-5 1.5-7.4 2.4l-4.5-8.1-7.2 3.2 3 8.7c-2.3 1.2-4.6 2.5-6.7 3.9l-6.1-7-6.3 4.6 4.7 7.9c-2 1.6-3.9 3.4-5.8 5.2l-7.4-5.5-5.2 5.8 6.3 6.8c-1.6 2-3.1 4.1-4.6 6.3l-8.4-3.9-3.9 6.8 7.5 5.3c-1.2 2.3-2.2 4.7-3.2 7.1l-9-2.1-2.4 7.5 8.5 3.6c-.7 2.5-1.2 5-1.6 7.6l-9.2-.1-.8 7.8 9.1 1.8c-.1 1.3-.1 6.5 0 7.8l-9.1 1.8.8 7.8 9.2-.1c.4 2.6 1 5.1 1.6 7.6l-8.5 3.6 2.4 7.5 9-2.1c.9 2.4 2 4.8 3.2 7.1l-7.5 5.3 3.9 6.8 8.4-3.9c1.4 2.2 3 4.3 4.6 6.3l-6.3 6.8 5.2 5.8 7.4-5.5c1.8 1.8 3.8 3.6 5.8 5.2l-4.7 7.9 6.3 4.6 6.1-7c2.2 1.4 4.4 2.7 6.7 3.9l-3 8.7 7.2 3.2 4.5-8.1c2.4.9 4.9 1.7 7.4 2.4l-1.1 9.2 7.7 1.6 2.7-8.8c2.5.4 5.1.7 7.7.8l.8 9.2h7.8l.8-9.2c2.6-.1 5.2-.4 7.7-.8l2.7 8.8 7.7-1.6-1.1-9.2c2.5-.7 5-1.5 7.4-2.4l4.5 8.1 7.2-3.2-3-8.7c2.3-1.2 4.6-2.5 6.7-3.9l6.1 7 6.3-4.6-4.7-7.9c2-1.6 3.9-3.4 5.8-5.2l7.4 5.5 5.2-5.8-6.3-6.8c1.6-2 3.1-4.1 4.6-6.3l8.4 3.9 3.9-6.8-7.5-5.3c1.2-2.3 2.2-4.7 3.2-7.1l9 2.1 2.4-7.5-8.5-3.6c.7-2.5 1.2-5 1.6-7.6l9.2.1.8-7.8-9.1-1.8c.1-1.3.1-6.5 0-7.8zm-78.5-65.5c0-2.5 2.2-4.5 4.7-4.2 20.5 2.4 38.5 13.1 50.4 28.7 1.5 2 1 5-1.3 6.2l-43.3 25c-4.7 2.7-10.6-.7-10.6-6.1v-49.6zM473.5 541c11.7-15.6 29.4-26.4 49.7-29 2.5-.3 4.8 1.6 4.8 4.2v49.5c0 5.4-5.9 8.9-10.6 6.1l-42.6-24.6c-2.3-1.3-2.8-4.2-1.3-6.2zm-9.2 73.1c-3.7-8.8-5.7-18.5-5.7-28.6 0-10.2 2.1-20 5.8-28.9 1-2.3 3.8-3.3 6-2l42.6 24.6c4.7 2.7 4.7 9.5 0 12.3l-42.7 24.7c-2.1 1.2-5 .3-6-2.1zm63.7 40.7c0 2.6-2.3 4.5-4.8 4.2-20.4-2.6-38.2-13.5-49.9-29.2-1.5-2-.9-4.9 1.3-6.2l42.8-24.7c4.7-2.7 10.6.7 10.6 6.1v49.8zm-4.7-69.3c0-5.2 4.2-9.5 9.5-9.5 5.2 0 9.5 4.2 9.5 9.5 0 5.2-4.2 9.5-9.5 9.5s-9.5-4.3-9.5-9.5zm68.6 44.7c-11.9 15.7-30 26.6-50.6 28.9-2.5.3-4.7-1.7-4.7-4.2V605c0-5.4 5.9-8.9 10.6-6.1l43.4 25.1c2.2 1.3 2.8 4.2 1.3 6.2zm9-15.6c-1 2.3-3.8 3.3-6 2l-43.5-25.1c-4.7-2.7-4.7-9.5 0-12.3l43.4-25c2.2-1.3 5-.3 6 2 3.9 9 6 18.9 6 29.3.1 10.3-2.1 20.2-5.9 29.1z" class="gear-front"/>
    <path id="gear_ten" d="M447.2 610.9l13.2-2.6-1.2-11.3-13.4.2c-.6-3.7-1.4-7.4-2.3-11l12.3-5.3-3.5-10.8-13 3c-1.4-3.5-2.9-7-4.6-10.3l10.9-7.7-5.7-9.8-12.2 5.6c-2.1-3.1-4.3-6.2-6.6-9.1l9.1-9.8-7.6-8.4-10.7 8c-2.7-2.6-5.5-5.2-8.4-7.5l6.9-11.5-9.2-6.7-8.8 10.1c-3.2-2-6.4-3.9-9.8-5.6l4.3-12.7-10.4-4.6-6.5 11.7c-3.5-1.3-7.1-2.5-10.7-3.5l1.6-13.3-11.1-2.4-3.9 12.8c-3.7-.6-7.4-.9-11.2-1.2l-1.2-13.4h-11.4l-1.2 13.4c-3.8.2-7.5.6-11.2 1.2l-3.9-12.8-11.1 2.4 1.6 13.3c-3.6 1-7.2 2.2-10.7 3.5l-6.5-11.7-10.4 4.6 4.3 12.7c-3.3 1.7-6.6 3.6-9.8 5.6l-8.8-10.1-9.2 6.7L252 524c-2.9 2.4-5.7 4.9-8.4 7.5l-10.7-8-7.6 8.4 9.1 9.8c-2.3 2.9-4.6 6-6.6 9.1l-12.2-5.6-5.7 9.8 10.9 7.7c-1.7 3.3-3.2 6.8-4.6 10.3l-13-3-3.5 10.8 12.3 5.3c-.9 3.6-1.7 7.3-2.3 11l-13.4-.2-1.2 11.3 13.2 2.6c-.1 1.9-.1 9.4 0 11.3l-13.2 2.6 1.2 11.3 13.4-.2c.6 3.7 1.4 7.4 2.3 11l-12.3 5.3 3.5 10.8 13-3c1.4 3.5 2.9 7 4.6 10.3l-10.9 7.7 5.7 9.8 12.2-5.6c2.1 3.1 4.3 6.2 6.6 9.1l-9.1 9.8 7.6 8.4 10.7-8c2.7 2.6 5.5 5.2 8.4 7.5l-6.9 11.5 9.2 6.7 8.8-10.1c3.2 2 6.4 3.9 9.8 5.6l-4.3 12.7 10.4 4.6 6.5-11.7c3.5 1.3 7.1 2.5 10.7 3.5l-1.6 13.3 11.1 2.4 3.9-12.8c3.7.6 7.4.9 11.2 1.2l1.2 13.4h11.4l1.2-13.4c3.8-.2 7.5-.6 11.2-1.2l3.9 12.8 11.1-2.4-1.6-13.3c3.6-1 7.2-2.2 10.7-3.5l6.5 11.7 10.4-4.6-4.3-12.7c3.3-1.7 6.6-3.6 9.8-5.6l8.8 10.1 9.2-6.7-6.9-11.5c2.9-2.4 5.7-4.9 8.4-7.5l10.7 8 7.6-8.4-9.1-9.8c2.3-2.9 4.6-6 6.6-9.1l12.2 5.6 5.7-9.8-10.9-7.7c1.7-3.3 3.2-6.8 4.6-10.3l13 3 3.5-10.8-12.3-5.3c.9-3.6 1.7-7.3 2.3-11l13.4.2 1.2-11.3-13.2-2.6c.1-1.8.1-9.4.1-11.2zm-113.9-95c0-3.7 3.2-6.5 6.9-6.1 29.8 3.4 55.8 19 73.1 41.6 2.2 2.9 1.4 7.2-1.8 9l-62.7 36.2c-6.8 3.9-15.4-1-15.4-8.9v-71.8zm-91.5 36c17-22.6 42.7-38.2 72.1-42 3.7-.5 6.9 2.4 6.9 6.1v71.7c0 7.9-8.6 12.8-15.4 8.9L243.7 561c-3.2-1.9-4.1-6.1-1.9-9.1zM228.6 658c-5.3-12.8-8.3-26.8-8.3-41.5 0-14.8 3-29 8.5-41.8 1.4-3.4 5.5-4.8 8.7-2.9l61.8 35.7c6.8 3.9 6.8 13.8 0 17.8L237.4 661c-3.3 1.8-7.4.4-8.8-3zm92.3 59c0 3.7-3.3 6.6-6.9 6.1-29.5-3.8-55.3-19.6-72.3-42.3-2.2-2.9-1.3-7.2 1.9-9l62-35.8c6.8-3.9 15.4 1 15.4 8.9V717zM314 616.5c0-7.6 6.2-13.7 13.7-13.7s13.7 6.2 13.7 13.7c0 7.6-6.2 13.7-13.7 13.7s-13.7-6.1-13.7-13.7zm99.4 64.8c-17.3 22.8-43.4 38.5-73.3 41.9-3.7.4-6.9-2.4-6.9-6.1v-72.3c0-7.9 8.6-12.8 15.4-8.9l62.9 36.3c3.3 1.9 4.2 6.2 1.9 9.1zm13.2-22.6c-1.4 3.4-5.5 4.7-8.7 2.9l-63-36.4c-6.8-3.9-6.8-13.8 0-17.8l62.9-36.3c3.2-1.8 7.3-.5 8.7 2.9 5.6 13 8.7 27.4 8.7 42.5 0 15-3.1 29.2-8.6 42.2z" class="gear-front"/>
		<path id="gear_nine" d="M1025.3 437.4l16.7-3.3-1.5-14.3-17 .3c-.8-4.7-1.8-9.4-3-14l15.6-6.7-4.5-13.7-16.6 3.8c-1.7-4.5-3.7-8.8-5.8-13.1l13.9-9.8-7.2-12.5-15.4 7.1c-2.6-4-5.4-7.8-8.4-11.6l11.6-12.5-9.6-10.7-13.6 10.2c-3.4-3.4-6.9-6.5-10.6-9.6l8.7-14.6-11.7-8.5-11.2 12.8c-4-2.6-8.1-5-12.4-7.2l5.5-16.1-13.2-5.9-8.3 14.8c-4.4-1.7-9-3.2-13.6-4.4l2-16.9-14.1-3-5 16.2c-4.7-.7-9.4-1.2-14.2-1.5l-1.5-16.9h-14.4l-1.5 16.9c-4.8.3-9.5.8-14.2 1.5l-5-16.2-14.1 3 2 16.9c-4.6 1.3-9.2 2.7-13.6 4.4l-8.3-14.8-13.2 5.9 5.5 16.1c-4.2 2.2-8.4 4.6-12.4 7.2l-11.2-12.8-11.7 8.5 8.7 14.6c-3.7 3-7.2 6.2-10.6 9.6l-13.6-10.2-9.6 10.7 11.6 12.5c-3 3.7-5.8 7.6-8.4 11.6l-15.4-7.1-7.2 12.5 13.9 9.8c-2.1 4.2-4.1 8.6-5.8 13.1l-16.6-3.8-4.5 13.7 15.6 6.7c-1.2 4.6-2.2 9.3-3 14l-17-.3-1.5 14.3 16.7 3.3c-.1 2.4-.1 11.9 0 14.3l-16.7 3.3 1.5 14.3 17-.3c.8 4.7 1.8 9.4 3 14l-15.6 6.7 4.5 13.7 16.6-3.8c1.7 4.5 3.7 8.8 5.8 13.1l-13.9 9.8 7.2 12.5 15.4-7.1c2.6 4 5.4 7.8 8.4 11.6L743.7 552l9.6 10.7 13.6-10.2c3.4 3.4 6.9 6.5 10.6 9.6l-8.7 14.6 11.7 8.5 11.2-12.8c4 2.6 8.1 5 12.4 7.2l-5.5 16.1 13.2 5.9 8.3-14.8c4.4 1.7 9 3.2 13.6 4.4l-2 16.9 14.1 3 5-16.2c4.7.7 9.4 1.2 14.2 1.5l1.5 16.9H881l1.5-16.9c4.8-.3 9.5-.8 14.2-1.5l5 16.2 14.1-3-2-16.9c4.6-1.3 9.2-2.7 13.6-4.4l8.3 14.8 13.2-5.9-5.5-16.1c4.2-2.2 8.4-4.6 12.4-7.2l11.2 12.8 11.7-8.5-8.7-14.6c3.7-3 7.2-6.2 10.6-9.6l13.6 10.2 9.6-10.7-11.6-12.5c3-3.7 5.8-7.6 8.4-11.6l15.4 7.1 7.2-12.5-13.9-9.8c2.1-4.2 4.1-8.6 5.8-13.1l16.6 3.8 4.5-13.7-15.6-6.7c1.2-4.6 2.2-9.3 3-14l17 .3 1.5-14.3-16.7-3.3c.1-2.3.1-11.9-.1-14.3zM880.8 316.9c0-4.7 4.1-8.3 8.7-7.8 37.8 4.3 70.8 24.1 92.8 52.9 2.8 3.7 1.8 9.1-2.3 11.5l-79.6 46c-8.7 5-19.5-1.3-19.5-11.3v-91.3zm-116 45.8c21.6-28.6 54.2-48.5 91.5-53.3 4.7-.6 8.8 3 8.8 7.7v91.1c0 10-10.9 16.3-19.5 11.3l-78.4-45.3c-4.2-2.4-5.3-7.8-2.4-11.5zm-16.9 134.5c-6.8-16.2-10.5-34-10.5-52.6 0-18.8 3.8-36.8 10.7-53.1 1.8-4.3 7-6 11.1-3.7l78.4 45.3c8.7 5 8.7 17.5 0 22.6L759.1 501c-4.1 2.3-9.3.6-11.2-3.8zM865 572.1c0 4.7-4.1 8.3-8.8 7.7-37.5-4.8-70.2-24.9-91.8-53.7-2.8-3.7-1.7-9.1 2.4-11.4l78.7-45.4c8.7-5 19.5 1.3 19.5 11.3v91.5zm-8.7-127.5c0-9.6 7.8-17.4 17.4-17.4 9.6 0 17.4 7.8 17.4 17.4 0 9.6-7.8 17.4-17.4 17.4-9.6 0-17.4-7.8-17.4-17.4zm126.3 82.2c-21.9 28.9-55.1 48.9-93 53.2-4.6.5-8.7-3.1-8.7-7.8v-91.8c0-10 10.9-16.3 19.5-11.3l79.9 46.1c4 2.5 5.1 7.9 2.3 11.6zm16.6-28.7c-1.8 4.3-7 6-11.1 3.7l-80-46.2c-8.7-5-8.7-17.5 0-22.6l79.9-46c4-2.3 9.2-.6 11.1 3.7 7.1 16.5 11.1 34.8 11.1 53.9 0 19-3.9 37.1-11 53.5z" class="gear-back"/>
    <path id="gear_eight" d="M690.8 578.1l17.4-3.4-1.6-14.9-17.7.3c-.8-4.9-1.8-9.8-3.1-14.6l16.3-7-4.6-14.3-17.3 3.9c-1.8-4.7-3.8-9.2-6.1-13.6l14.5-10.2-7.5-13-16.1 7.5c-2.7-4.2-5.7-8.2-8.8-12.1l12.1-13-10.1-11.2-14.2 10.7c-3.5-3.5-7.2-6.8-11.1-10L642 448l-12.2-8.8-11.7 13.3c-4.2-2.7-8.5-5.2-12.9-7.5l5.7-16.8-13.7-6.1-8.6 15.5c-4.6-1.8-9.4-3.3-14.2-4.6l2.1-17.6-14.7-3.1-5.2 16.9c-4.9-.7-9.8-1.2-14.8-1.5l-1.6-17.7h-15l-1.6 17.7c-5 .3-10 .8-14.8 1.5l-5.2-16.9-14.7 3.1L491 433c-4.8 1.3-9.6 2.9-14.2 4.6l-8.6-15.5-13.7 6.1 5.7 16.8c-4.4 2.3-8.7 4.8-12.9 7.5l-11.7-13.3-12.2 8.8 9.1 15.2c-3.8 3.2-7.5 6.5-11.1 10l-14.2-10.6-10.1 11.2 12.1 13c-3.1 3.9-6 7.9-8.8 12.1l-16.1-7.5-7.5 13 14.5 10.2c-2.2 4.4-4.3 9-6.1 13.6l-17.3-3.9-4.6 14.3 16.3 7c-1.3 4.8-2.3 9.6-3.1 14.6l-17.7-.3-1.6 14.9 17.4 3.4c-.1 2.5-.1 12.4 0 14.9l-17.4 3.4 1.6 14.9 17.7-.3c.8 4.9 1.8 9.8 3.1 14.6l-16.3 7 4.6 14.3 17.3-3.9c1.8 4.7 3.8 9.2 6.1 13.6L377 666.9l7.5 13 16.1-7.5c2.7 4.2 5.7 8.2 8.8 12.1l-12.1 13 10.1 11.2 14.2-10.6c3.5 3.5 7.2 6.8 11.1 10l-9.1 15.2 12.2 8.8 11.7-13.3c4.2 2.7 8.5 5.2 12.9 7.5l-5.7 16.8 13.7 6.1 8.6-15.5c4.6 1.8 9.4 3.3 14.2 4.6l-2.1 17.6 14.7 3.1 5.2-16.9c4.9.7 9.8 1.2 14.8 1.5l1.6 17.7h15l1.6-17.7c5-.3 10-.8 14.8-1.5L562 759l14.7-3.1-2.1-17.6c4.8-1.3 9.6-2.9 14.2-4.6l8.6 15.5 13.7-6.1-5.7-16.8c4.4-2.3 8.7-4.8 12.9-7.5l11.7 13.3 12.2-8.8L633 708c3.8-3.2 7.5-6.5 11.1-10l14.2 10.6 10.1-11.2-12.1-13c3.1-3.9 6-7.9 8.8-12.1l16.1 7.5 7.5-13-14.5-10.2c2.2-4.4 4.3-9 6.1-13.6l17.3 3.9 4.6-14.3-16.3-7c1.3-4.8 2.3-9.6 3.1-14.6l17.7.3 1.6-14.9-17.4-3.4c0-2.4 0-12.4-.1-14.9zM540.1 452.4c0-4.9 4.2-8.6 9.1-8.1 39.4 4.5 73.9 25.1 96.7 55.1 3 3.9 1.8 9.5-2.4 12l-83 47.9c-9.1 5.2-20.4-1.3-20.4-11.8v-95.1zm-121 47.8c22.5-29.9 56.5-50.6 95.4-55.6 4.9-.6 9.2 3.2 9.2 8.1v94.9c0 10.5-11.3 17-20.4 11.8l-81.8-47.2c-4.2-2.5-5.3-8.1-2.4-12zm-17.5 140.3c-7.1-16.9-11-35.4-11-54.9 0-19.6 4-38.3 11.2-55.4 1.9-4.5 7.3-6.3 11.6-3.9l81.7 47.2c9.1 5.2 9.1 18.3 0 23.5l-81.9 47.3c-4.3 2.5-9.7.7-11.6-3.8zm122.1 78c0 4.9-4.3 8.7-9.2 8.1-39.1-5-73.2-25.9-95.7-56-2.9-3.9-1.8-9.5 2.5-11.9l82-47.4c9.1-5.2 20.4 1.3 20.4 11.8v95.4zm-9.1-132.9c0-10 8.1-18.2 18.2-18.2s18.2 8.1 18.2 18.2c0 10-8.1 18.2-18.2 18.2s-18.2-8.2-18.2-18.2zm131.6 85.7c-22.8 30.2-57.4 50.9-97 55.5-4.8.6-9.1-3.2-9.1-8.1V623c0-10.5 11.3-17 20.4-11.8l83.3 48.1c4.2 2.5 5.3 8.1 2.4 12zm17.4-29.9c-1.9 4.5-7.3 6.3-11.5 3.8l-83.4-48.1c-9.1-5.2-9.1-18.3 0-23.5l83.2-48c4.2-2.4 9.6-.7 11.5 3.8 7.4 17.2 11.6 36.3 11.6 56.2-.1 19.8-4.1 38.7-11.4 55.8z" class="gear-back"/>
    <path id="gear_seven" d="M449.2 354.1l9.9-2-.9-8.5-10.1.2c-.5-2.8-1-5.6-1.8-8.3l9.3-4-2.7-8.2-9.8 2.2c-1-2.7-2.2-5.2-3.5-7.8l8.3-5.8-4.3-7.4-9.2 4.3c-1.6-2.4-3.2-4.7-5-6.9l6.9-7.4-5.7-6.4-8.1 6.1c-2-2-4.1-3.9-6.3-5.7l5.2-8.7-6.9-5-6.7 7.6c-2.4-1.5-4.8-3-7.4-4.3l3.3-9.6-7.8-3.5-4.9 8.8c-2.6-1-5.3-1.9-8.1-2.6l1.2-10-8.4-1.8-3 9.7c-2.8-.4-5.6-.7-8.5-.9l-.9-10.1h-8.6l-.9 10.1c-2.9.2-5.7.5-8.5.9l-3-9.7-8.4 1.8 1.2 10c-2.8.8-5.5 1.6-8.1 2.6l-4.9-8.8-7.8 3.5 3.3 9.6c-2.5 1.3-5 2.7-7.4 4.3l-6.7-7.6-6.9 5 5.2 8.7c-2.2 1.8-4.3 3.7-6.3 5.7l-8.1-6.1-5.7 6.4 6.9 7.4c-1.8 2.2-3.4 4.5-5 6.9l-9.2-4.3-4.3 7.4 8.3 5.8c-1.3 2.5-2.4 5.1-3.5 7.8l-9.8-2.2-2.7 8.2 9.3 4c-.7 2.7-1.3 5.5-1.8 8.3l-10.1-.2-.9 8.5 9.9 2c-.1 1.4-.1 7.1 0 8.5l-9.9 2 .9 8.5 10.1-.2c.5 2.8 1 5.6 1.8 8.3l-9.3 4 2.7 8.2 9.8-2.2c1 2.7 2.2 5.2 3.5 7.8l-8.3 5.8 4.3 7.4 9.2-4.3c1.6 2.4 3.2 4.7 5 6.9l-6.9 7.4 5.7 6.4 8.1-6.1c2 2 4.1 3.9 6.3 5.7l-5.2 8.7 6.9 5 6.7-7.6c2.4 1.5 4.8 3 7.4 4.3l-3.3 9.6 7.8 3.5 4.9-8.8c2.6 1 5.3 1.9 8.1 2.6l-1.2 10 8.4 1.8 3-9.7c2.8.4 5.6.7 8.5.9l.9 10.1h8.6l.9-10.1c2.9-.2 5.7-.5 8.5-.9l3 9.7 8.4-1.8-1.2-10c2.8-.8 5.5-1.6 8.1-2.6l4.9 8.8 7.8-3.5-3.3-9.6c2.5-1.3 5-2.7 7.4-4.3l6.7 7.6 6.9-5-5.2-8.7c2.2-1.8 4.3-3.7 6.3-5.7l8.1 6.1 5.7-6.4-6.9-7.4c1.8-2.2 3.4-4.5 5-6.9l9.2 4.3 4.3-7.4-8.3-5.8c1.3-2.5 2.4-5.1 3.5-7.8l9.8 2.2 2.7-8.2-9.3-4c.7-2.7 1.3-5.5 1.8-8.3l10.1.2.9-8.5-9.9-2c.1-1.4.1-7 0-8.5zm-86-71.7c0-2.8 2.4-4.9 5.2-4.6 22.5 2.6 42.2 14.4 55.2 31.5 1.7 2.2 1 5.4-1.4 6.8l-47.4 27.4c-5.2 3-11.6-.7-11.6-6.7v-54.4zm-69.1 27.2c12.8-17 32.2-28.9 54.4-31.7 2.8-.4 5.2 1.8 5.2 4.6v54.2c0 6-6.5 9.7-11.6 6.7l-46.7-26.9c-2.3-1.4-2.9-4.6-1.3-6.9zm-10 80.1c-4-9.6-6.3-20.2-6.3-31.3 0-11.2 2.3-21.9 6.4-31.6 1.1-2.6 4.2-3.6 6.6-2.2l46.7 26.9c5.2 3 5.2 10.4 0 13.4l-46.8 27c-2.4 1.5-5.5.4-6.6-2.2zm69.7 44.6c0 2.8-2.5 5-5.2 4.6-22.3-2.9-41.8-14.8-54.6-32-1.7-2.2-1-5.4 1.4-6.8l46.8-27c5.2-3 11.6.7 11.6 6.7v54.5zm-5.2-75.9c0-5.7 4.6-10.4 10.4-10.4s10.4 4.6 10.4 10.4c0 5.7-4.6 10.4-10.4 10.4s-10.4-4.7-10.4-10.4zm75.2 49c-13 17.2-32.8 29.1-55.4 31.7-2.8.3-5.2-1.8-5.2-4.6v-54.6c0-6 6.5-9.7 11.6-6.7l47.5 27.5c2.5 1.2 3.1 4.4 1.5 6.7zm9.9-17.1c-1.1 2.6-4.2 3.6-6.6 2.2L379.5 365c-5.2-3-5.2-10.4 0-13.4l47.5-27.4c2.4-1.4 5.5-.4 6.6 2.2 4.2 9.8 6.6 20.7 6.6 32.1 0 11.2-2.3 22-6.5 31.8z" class="gear-back"/>
    <path id="gear_six" d="M848.1 728.5l8.8-1.7-.8-7.5-8.9.1c-.4-2.5-.9-5-1.6-7.4l8.2-3.5-2.3-7.2-8.7 2c-.9-2.3-1.9-4.6-3.1-6.9l7.3-5.1-3.8-6.6-8.1 3.8c-1.4-2.1-2.9-4.1-4.4-6.1l6.1-6.6-5.1-5.6-7.2 5.4c-1.8-1.8-3.6-3.4-5.6-5l4.6-7.7-6.1-4.5-5.9 6.7c-2.1-1.4-4.3-2.6-6.5-3.8l2.9-8.5-6.9-3.1-4.3 7.8c-2.3-.9-4.7-1.7-7.2-2.3l1.1-8.9-7.4-1.6-2.6 8.5c-2.5-.4-5-.6-7.5-.8l-.8-8.9h-7.6l-.8 8.9c-2.5.1-5 .4-7.5.8l-2.6-8.5-7.4 1.6 1.1 8.9c-2.4.7-4.8 1.4-7.2 2.3l-4.3-7.8-6.9 3.1 2.9 8.5c-2.2 1.2-4.4 2.4-6.5 3.8l-5.9-6.7-6.1 4.5 4.6 7.7c-1.9 1.6-3.8 3.3-5.6 5l-7.2-5.4-5.1 5.6 6.1 6.6c-1.6 2-3 4-4.4 6.1l-8.1-3.8-3.8 6.6 7.3 5.1c-1.1 2.2-2.2 4.5-3.1 6.9l-8.7-2-2.3 7.2 8.2 3.5c-.6 2.4-1.1 4.9-1.6 7.4l-8.9-.1-.8 7.5 8.8 1.7c-.1 1.2-.1 6.3 0 7.5l-8.8 1.7.8 7.5 8.9-.1c.4 2.5.9 5 1.6 7.4l-8.2 3.5 2.3 7.2 8.7-2c.9 2.3 1.9 4.6 3.1 6.9l-7.3 5.1 3.8 6.6 8.1-3.8c1.4 2.1 2.9 4.1 4.4 6.1l-6.1 6.6 5.1 5.6 7.2-5.4c1.8 1.8 3.6 3.4 5.6 5l-4.6 7.7 6.1 4.5 5.9-6.7c2.1 1.4 4.3 2.6 6.5 3.8l-2.9 8.5 6.9 3.1 4.3-7.8c2.3.9 4.7 1.7 7.2 2.3l-1.1 8.9 7.4 1.6 2.6-8.5c2.5.4 5 .6 7.5.8l.8 8.9h7.6l.8-8.9c2.5-.1 5-.4 7.5-.8l2.6 8.5 7.4-1.6-1.1-8.9c2.4-.7 4.8-1.4 7.2-2.3l4.3 7.8 6.9-3.1-2.9-8.5c2.2-1.2 4.4-2.4 6.5-3.8l5.9 6.7 6.1-4.5-4.6-7.7c1.9-1.6 3.8-3.3 5.6-5l7.2 5.4 5.1-5.6-6.1-6.6c1.6-2 3-4 4.4-6.1l8.1 3.8 3.8-6.6-7.3-5.1c1.1-2.2 2.2-4.5 3.1-6.9l8.7 2 2.3-7.2-8.2-3.5c.6-2.4 1.1-4.9 1.6-7.4l8.9.1.8-7.5-8.8-1.7v-7.5zm-76-63.4c0-2.5 2.1-4.4 4.6-4.1 19.9 2.3 37.3 12.7 48.8 27.8 1.5 2 .9 4.8-1.2 6L782.4 719c-4.6 2.6-10.3-.7-10.3-5.9v-48zm-61 24.1c11.3-15.1 28.5-25.5 48.1-28 2.5-.3 4.6 1.6 4.6 4.1v47.9c0 5.3-5.7 8.6-10.3 5.9l-41.2-23.8c-2.2-1.3-2.7-4.1-1.2-6.1zm-8.9 70.8c-3.6-8.5-5.5-17.9-5.5-27.7 0-9.9 2-19.3 5.6-27.9 1-2.3 3.7-3.2 5.8-1.9l41.2 23.8c4.6 2.6 4.6 9.2 0 11.9L708 762c-2.1 1.2-4.8.3-5.8-2zm61.6 39.4c0 2.5-2.2 4.4-4.6 4.1-19.7-2.5-36.9-13.1-48.3-28.3-1.5-2-.9-4.8 1.2-6l41.4-23.9c4.6-2.6 10.3.7 10.3 5.9v48.2zm-4.6-67.1c0-5.1 4.1-9.2 9.2-9.2s9.2 4.1 9.2 9.2-4.1 9.2-9.2 9.2-9.2-4.1-9.2-9.2zm66.4 43.3c-11.5 15.2-29 25.7-48.9 28-2.4.3-4.6-1.6-4.6-4.1v-48.3c0-5.3 5.7-8.6 10.3-5.9l42 24.3c2.1 1.2 2.7 4 1.2 6zm8.8-15.1c-1 2.3-3.7 3.2-5.8 1.9l-42.1-24.3c-4.6-2.6-4.6-9.2 0-11.9l42-24.2c2.1-1.2 4.8-.3 5.8 1.9 3.8 8.7 5.8 18.3 5.8 28.4 0 10-2 19.5-5.7 28.2z" class="gear-front"/>
    <path id="gear_five" d="M441.4 951.5l9.1-1.8-.8-7.8-9.2.1c-.4-2.6-1-5.1-1.6-7.6l8.5-3.6-2.4-7.5-9 2.1c-.9-2.4-2-4.8-3.2-7.1l7.6-5.3-3.9-6.8-8.4 3.9c-1.4-2.2-3-4.3-4.6-6.3l6.3-6.8-5.2-5.8-7.4 5.5c-1.8-1.8-3.8-3.6-5.8-5.2l4.7-7.9-6.3-4.6-6.1 7c-2.2-1.4-4.4-2.7-6.7-3.9l3-8.7-7.2-3.2-4.5 8.1c-2.4-.9-4.9-1.7-7.4-2.4l1.1-9.2-7.7-1.6-2.7 8.8c-2.5-.4-5.1-.7-7.7-.8l-.8-9.2h-7.8l-.8 9.2c-2.6.1-5.2.4-7.7.8l-2.7-8.8-7.7 1.6 1.1 9.2c-2.5.7-5 1.5-7.4 2.4l-4.5-8.1-7.2 3.2 3 8.7c-2.3 1.2-4.6 2.5-6.7 3.9l-6.1-7-6.3 4.6 4.7 7.9c-2 1.6-3.9 3.4-5.8 5.2l-7.4-5.5-5.2 5.8 6.3 6.8c-1.6 2-3.1 4.1-4.6 6.3l-8.4-3.9-3.9 6.8 7.6 5.3c-1.2 2.3-2.2 4.7-3.2 7.1l-9-2.1-2.4 7.5 8.5 3.6c-.7 2.5-1.2 5-1.6 7.6l-9.2-.1-.8 7.8 9.1 1.8c-.1 1.3-.1 6.5 0 7.8l-9.1 1.8.8 7.8 9.2-.1c.4 2.6 1 5.1 1.6 7.6L271 980l2.4 7.5 9-2.1c.9 2.4 2 4.8 3.2 7.1l-7.6 5.3 3.9 6.8 8.4-3.9c1.4 2.2 3 4.3 4.6 6.3l-6.3 6.8 5.2 5.8 7.4-5.5c1.8 1.8 3.8 3.6 5.8 5.2l-4.7 7.9 6.3 4.6 6.1-7c2.2 1.4 4.4 2.7 6.7 3.9l-3 8.7 7.2 3.2 4.5-8.1c2.4.9 4.9 1.7 7.4 2.4l-1.1 9.2 7.7 1.6 2.7-8.8c2.5.4 5.1.7 7.7.8l.8 9.2h7.8l.8-9.2c2.6-.1 5.2-.4 7.7-.8l2.7 8.8 7.7-1.6-1.1-9.2c2.5-.7 5-1.5 7.4-2.4l4.5 8.1 7.2-3.2-3-8.7c2.3-1.2 4.6-2.5 6.7-3.9l6.1 7 6.3-4.6-4.7-7.9c2-1.6 3.9-3.4 5.8-5.2l7.4 5.5 5.2-5.8-6.3-6.8c1.6-2 3.1-4.1 4.6-6.3l8.4 3.9 3.9-6.8-7.6-5.3c1.2-2.3 2.2-4.7 3.2-7.1l9 2.1 2.4-7.5-8.5-3.6c.7-2.5 1.2-5 1.6-7.6l9.2.1.8-7.8-9.1-1.8c.1-1.3.1-6.5 0-7.8zM362.8 886c0-2.5 2.2-4.5 4.7-4.2 20.5 2.4 38.5 13.1 50.4 28.7 1.5 2 1 5-1.3 6.2l-43.3 25c-4.7 2.7-10.6-.7-10.6-6.1V886zm-63 24.9c11.7-15.6 29.4-26.4 49.7-29 2.5-.3 4.8 1.6 4.8 4.2v49.5c0 5.4-5.9 8.9-10.6 6.1L301 917.1c-2.2-1.3-2.8-4.2-1.2-6.2zm-9.2 73.1c-3.7-8.8-5.7-18.5-5.7-28.6 0-10.2 2.1-20 5.8-28.9 1-2.3 3.8-3.3 6-2l42.6 24.6c4.7 2.7 4.7 9.5 0 12.3l-42.7 24.7c-2.2 1.2-5 .3-6-2.1zm63.7 40.7c0 2.6-2.3 4.5-4.8 4.2-20.4-2.6-38.2-13.5-49.9-29.2-1.5-2-.9-4.9 1.3-6.2l42.8-24.7c4.7-2.7 10.6.7 10.6 6.1v49.8zm-4.8-69.3c0-5.2 4.2-9.5 9.5-9.5s9.5 4.2 9.5 9.5-4.2 9.5-9.5 9.5-9.5-4.3-9.5-9.5zm68.6 44.7c-11.9 15.7-30 26.6-50.6 28.9-2.5.3-4.7-1.7-4.7-4.2v-49.9c0-5.4 5.9-8.9 10.6-6.1l43.4 25.1c2.3 1.3 2.9 4.2 1.3 6.2zm9.1-15.6c-1 2.3-3.8 3.3-6 2l-43.5-25.1c-4.7-2.7-4.7-9.5 0-12.3l43.4-25c2.2-1.3 5-.3 6 2 3.9 9 6 18.9 6 29.3.1 10.3-2.1 20.2-5.9 29.1z" class="gear-back"/>
    <path id="gear_four" d="M1086.1 624.3l11-2.2-1-9.4-11.2.2c-.5-3.1-1.2-6.2-1.9-9.2l10.3-4.4-2.9-9-10.9 2.5c-1.1-2.9-2.4-5.8-3.8-8.6l9.2-6.4-4.8-8.2-10.2 4.7c-1.7-2.6-3.6-5.2-5.5-7.6l7.6-8.2-6.4-7.1-9 6.7c-2.2-2.2-4.6-4.3-7-6.3l5.7-9.6-7.7-5.6-7.4 8.4c-2.6-1.7-5.4-3.3-8.2-4.7l3.6-10.6-8.7-3.9-5.5 9.8c-2.9-1.1-5.9-2.1-9-2.9l1.3-11.1-9.3-2-3.3 10.7c-3.1-.5-6.2-.8-9.4-1l-1-11.2h-9.5l-1 11.2c-3.2.2-6.3.5-9.4 1l-3.3-10.7-9.3 2 1.3 11.1c-3.1.8-6 1.8-9 2.9l-5.5-9.8-8.7 3.9 3.6 10.6c-2.8 1.4-5.5 3-8.2 4.7l-7.4-8.4-7.7 5.6 5.7 9.6c-2.4 2-4.8 4.1-7 6.3l-9-6.7-6.4 7.1 7.6 8.2c-2 2.4-3.8 5-5.5 7.6l-10.2-4.7-4.8 8.2 9.2 6.4c-1.4 2.8-2.7 5.7-3.8 8.6l-10.9-2.5-2.9 9 10.3 4.4c-.8 3-1.4 6.1-1.9 9.2l-11.2-.2-1 9.4 11 2.2c-.1 1.6-.1 7.9 0 9.4l-11 2.2 1 9.4 11.2-.2c.5 3.1 1.2 6.2 1.9 9.2l-10.3 4.4 2.9 9 10.9-2.5c1.1 2.9 2.4 5.8 3.8 8.6l-9.2 6.4 4.8 8.2 10.2-4.7c1.7 2.6 3.6 5.2 5.5 7.6l-7.6 8.2 6.4 7.1 9-6.7c2.2 2.2 4.6 4.3 7 6.3l-5.7 9.6 7.7 5.6 7.4-8.4c2.6 1.7 5.4 3.3 8.2 4.7l-3.6 10.6 8.7 3.9 5.5-9.8c2.9 1.1 5.9 2.1 9 2.9l-1.3 11.1 9.3 2 3.3-10.7c3.1.5 6.2.8 9.4 1l1 11.2h9.5l1-11.2c3.2-.2 6.3-.5 9.4-1l3.3 10.7 9.3-2-1.3-11.1c3.1-.8 6-1.8 9-2.9l5.5 9.8 8.7-3.9-3.6-10.6c2.8-1.4 5.5-3 8.2-4.7l7.4 8.4 7.7-5.6-5.7-9.6c2.4-2 4.8-4.1 7-6.3l9 6.7 6.4-7.1-7.6-8.2c2-2.4 3.8-5 5.5-7.6l10.2 4.7 4.8-8.2-9.2-6.4c1.4-2.8 2.7-5.7 3.8-8.6l10.9 2.5 2.9-9-10.3-4.4c.8-3 1.4-6.1 1.9-9.2l11.2.2 1-9.4-11-2.2v-9.4zm-95.3-79.5c0-3.1 2.7-5.5 5.7-5.1 24.9 2.9 46.7 15.9 61.1 34.8 1.9 2.5 1.2 6-1.5 7.6l-52.5 30.3c-5.7 3.3-12.9-.8-12.9-7.4v-60.2zM914.3 575c14.2-18.9 35.7-32 60.3-35.1 3.1-.4 5.8 2 5.8 5.1v60c0 6.6-7.2 10.7-12.9 7.4l-51.7-29.8c-2.6-1.6-3.3-5.1-1.5-7.6zm-11 88.7c-4.5-10.7-6.9-22.4-6.9-34.7 0-12.4 2.5-24.2 7.1-35 1.2-2.8 4.6-4 7.3-2.4l51.7 29.8c5.7 3.3 5.7 11.6 0 14.9l-51.8 29.9c-2.8 1.5-6.2.3-7.4-2.5zm77.1 49.3c0 3.1-2.7 5.5-5.8 5.1-24.7-3.2-46.3-16.4-60.5-35.4-1.8-2.5-1.1-6 1.6-7.5l51.9-29.9c5.7-3.3 12.9.8 12.9 7.4V713zm-5.7-84c0-6.4 5.1-11.5 11.5-11.5s11.5 5.1 11.5 11.5-5.1 11.5-11.5 11.5-11.5-5.1-11.5-11.5zm83.2 54.2c-14.4 19.1-36.3 32.2-61.3 35.1-3.1.4-5.7-2-5.7-5.1v-60.5c0-6.6 7.2-10.7 12.9-7.4l52.7 30.4c2.5 1.5 3.2 5 1.4 7.5zm11-18.9c-1.2 2.8-4.6 4-7.3 2.4l-52.7-30.4c-5.7-3.3-5.7-11.6 0-14.9l52.6-30.4c2.7-1.5 6.1-.4 7.3 2.4 4.7 10.9 7.3 22.9 7.3 35.5 0 12.6-2.6 24.5-7.2 35.4z" class="gear-back"/>
    <path id="gear_three" d="M1010.6 952.9l6.1-1.2-.6-5.3-6.3.1c-.3-1.7-.6-3.5-1.1-5.2l5.7-2.5-1.6-5-6.1 1.4c-.6-1.6-1.4-3.2-2.1-4.8l5.1-3.6-2.7-4.6-5.7 2.6c-1-1.5-2-2.9-3.1-4.3l4.3-4.6-3.6-3.9-5 3.8c-1.2-1.2-2.6-2.4-3.9-3.5l3.2-5.4-4.3-3.1-4.1 4.7c-1.5-.9-3-1.8-4.6-2.6l2-5.9-4.8-2.2-3 5.5c-1.6-.6-3.3-1.2-5-1.6l.7-6.2-5.2-1.1-1.8 6c-1.7-.3-3.5-.4-5.2-.5l-.6-6.2H952l-.6 6.2c-1.8.1-3.5.3-5.2.5l-1.8-6-5.2 1.1.7 6.2c-1.7.5-3.4 1-5 1.6l-3-5.5-4.8 2.2 2 5.9c-1.6.8-3.1 1.7-4.6 2.6l-4.1-4.7-4.3 3.1 3.2 5.4c-1.4 1.1-2.7 2.3-3.9 3.5l-5-3.8-3.4 4 4.3 4.6c-1.1 1.4-2.1 2.8-3.1 4.3l-5.7-2.6-2.7 4.6 5.1 3.6c-.8 1.6-1.5 3.2-2.1 4.8l-6.1-1.4-1.6 5 5.7 2.5c-.4 1.7-.8 3.4-1.1 5.2l-6.3-.1-.6 5.3 6.1 1.2v5.3l-6.1 1.2.6 5.3 6.3-.1c.3 1.7.6 3.5 1.1 5.2l-5.7 2.5 1.6 5 6.1-1.4c.6 1.6 1.4 3.2 2.1 4.8l-5.1 3.6 2.7 4.6 5.7-2.6c1 1.5 2 2.9 3.1 4.3L907 995l3.6 3.9 5-3.8c1.2 1.2 2.6 2.4 3.9 3.5l-3.2 5.4 4.3 3.1 4.1-4.7c1.5.9 3 1.8 4.6 2.6l-2 5.9 4.8 2.2 3-5.5c1.6.6 3.3 1.2 5 1.6l-.7 6.2 5.2 1.1 1.8-6c1.7.3 3.5.4 5.2.5l.6 6.2h5.3l.6-6.2c1.8-.1 3.5-.3 5.2-.5l1.8 6 5.2-1.1-.7-6.2c1.7-.5 3.4-1 5-1.6l3 5.5 4.8-2.2-2-5.9c1.6-.8 3.1-1.7 4.6-2.6l4.1 4.7 4.3-3.1-3.2-5.4c1.4-1.1 2.7-2.3 3.9-3.5l5 3.8 3.6-3.9-4.3-4.6c1.1-1.4 2.1-2.8 3.1-4.3l5.7 2.6 2.7-4.6-5.1-3.6c.8-1.6 1.5-3.2 2.1-4.8l6.1 1.4 1.6-5-5.7-2.5c.4-1.7.8-3.4 1.1-5.2l6.3.1.6-5.3-6.1-1.2c-.1-.8-.1-4.3-.2-5.1zm-53.2-44.4c0-1.7 1.5-3 3.2-2.9 13.9 1.6 26.1 8.9 34.1 19.5 1 1.4.6 3.4-.9 4.2l-29.3 16.9c-3.2 1.8-7.2-.5-7.2-4.2v-33.5zm-42.7 16.8c7.9-10.5 19.9-17.9 33.7-19.6 1.7-.2 3.2 1.1 3.2 2.8V942c0 3.7-4 6-7.2 4.2l-28.9-16.7c-1.4-.8-1.8-2.8-.8-4.2zm-6.2 49.6c-2.5-6-3.9-12.5-3.9-19.4 0-6.9 1.4-13.5 4-19.5.7-1.6 2.6-2.2 4.1-1.4l28.9 16.7c3.2 1.8 3.2 6.5 0 8.3l-28.9 16.7c-1.6.8-3.5.2-4.2-1.4zm43.1 27.5c0 1.7-1.5 3.1-3.2 2.8-13.8-1.8-25.8-9.1-33.8-19.8-1-1.4-.6-3.3.9-4.2l29-16.7c3.2-1.8 7.2.5 7.2 4.2v33.7zm-3.2-46.9c0-3.5 2.9-6.4 6.4-6.4s6.4 2.9 6.4 6.4c0 3.5-2.9 6.4-6.4 6.4s-6.4-2.9-6.4-6.4zm46.5 30.3c-8.1 10.7-20.3 18-34.2 19.6-1.7.2-3.2-1.1-3.2-2.9v-33.8c0-3.7 4-6 7.2-4.2l29.4 17c1.4.9 1.8 2.9.8 4.3zm6.1-10.6c-.7 1.6-2.6 2.2-4.1 1.4l-29.4-17c-3.2-1.8-3.2-6.5 0-8.3l29.4-17c1.5-.9 3.4-.2 4.1 1.3 2.6 6.1 4.1 12.8 4.1 19.9-.1 7-1.5 13.6-4.1 19.7z" class="gear-back"/>
    <path id="gear_two" d="M632.7 580.9l11-2.2-1-9.4-11.2.2c-.5-3.1-1.2-6.2-1.9-9.2l10.3-4.4-2.9-9-10.9 2.5c-1.1-2.9-2.4-5.8-3.8-8.6l9.2-6.4-4.8-8.2-10.2 4.7c-1.7-2.6-3.6-5.2-5.5-7.6l7.6-8.2-6.4-7.1-9 6.7c-2.2-2.2-4.6-4.3-7-6.3l5.7-9.6-7.7-5.6-7.4 8.4c-2.6-1.7-5.4-3.3-8.2-4.7l3.6-10.6-8.7-3.9-5.5 9.8c-2.9-1.1-5.9-2.1-9-2.9l1.3-11.1-9.3-2-3.3 10.7c-3.1-.5-6.2-.8-9.4-1l-1-11.2H528l-1 11.2c-3.2.2-6.3.5-9.4 1l-3.3-10.7-9.3 2 1.3 11.1c-3.1.8-6 1.8-9 2.9l-5.5-9.8-8.7 3.9 3.6 10.6c-2.8 1.4-5.5 3-8.2 4.7l-7.4-8.4-7.7 5.6 5.7 9.6c-2.4 2-4.8 4.1-7 6.3l-9-6.7-6.4 7.1 7.6 8.2c-2 2.4-3.8 5-5.5 7.6L439 526l-4.8 8.2 9.2 6.4c-1.4 2.8-2.7 5.7-3.8 8.6l-10.9-2.5-2.9 9 10.3 4.4c-.8 3-1.4 6.1-1.9 9.2l-11.2-.2-1 9.4 11 2.2c-.1 1.6-.1 7.9 0 9.4l-11 2.2 1 9.4 11.2-.2c.5 3.1 1.2 6.2 1.9 9.2l-10.3 4.4 2.9 9 10.9-2.5c1.1 2.9 2.4 5.8 3.8 8.6l-9.2 6.4 4.8 8.2 10.2-4.7c1.7 2.6 3.6 5.2 5.5 7.6l-7.6 8.2 6.4 7.1 9-6.7c2.2 2.2 4.6 4.3 7 6.3l-5.7 9.6 7.7 5.6 7.4-8.4c2.6 1.7 5.4 3.3 8.2 4.7l-3.6 10.6 8.7 3.9 5.5-9.8c2.9 1.1 5.9 2.1 9 2.9l-1.3 11.1 9.3 2 3.3-10.7c3.1.5 6.2.8 9.4 1l1 11.2h9.5l1-11.2c3.2-.2 6.3-.5 9.4-1l3.3 10.7 9.3-2-1.3-11.1c3.1-.8 6-1.8 9-2.9l5.5 9.8 8.7-3.9-3.6-10.6c2.8-1.4 5.5-3 8.2-4.7l7.4 8.4 7.7-5.6-5.7-9.6c2.4-2 4.8-4.1 7-6.3l9 6.7 6.4-7.1-7.6-8.2c2-2.4 3.8-5 5.5-7.6l10.2 4.7 4.8-8.2-9.2-6.4c1.4-2.8 2.7-5.7 3.8-8.6l10.9 2.5 2.9-9-10.3-4.4c.8-3 1.4-6.1 1.9-9.2l11.2.2 1-9.4-11-2.2c-.6-1.4-.6-7.7-.6-9.2zm-95.3-79.5c0-3.1 2.7-5.5 5.7-5.1 24.9 2.9 46.7 15.9 61.1 34.8 1.9 2.5 1.2 6-1.5 7.6L550.3 569c-5.7 3.3-12.9-.8-12.9-7.4v-60.2zm-76.5 30.2c14.2-18.9 35.7-32 60.3-35.1 3.1-.4 5.8 2 5.8 5.1v60c0 6.6-7.2 10.7-12.9 7.4l-51.7-29.8c-2.6-1.6-3.3-5.1-1.5-7.6zm-11.1 88.7c-4.5-10.7-6.9-22.4-6.9-34.7 0-12.4 2.5-24.2 7.1-35 1.2-2.8 4.6-4 7.3-2.4L509 578c5.7 3.3 5.7 11.6 0 14.9l-51.8 29.9c-2.7 1.5-6.2.3-7.4-2.5zm77.2 49.3c0 3.1-2.7 5.5-5.8 5.1-24.7-3.2-46.3-16.4-60.5-35.4-1.8-2.5-1.1-6 1.6-7.5l51.9-29.9c5.7-3.3 12.9.8 12.9 7.4v60.3zm-5.7-84c0-6.4 5.1-11.5 11.5-11.5s11.5 5.1 11.5 11.5-5.1 11.5-11.5 11.5-11.5-5.2-11.5-11.5zm83.2 54.2c-14.4 19.1-36.3 32.2-61.3 35.1-3.1.4-5.7-2-5.7-5.1v-60.5c0-6.6 7.2-10.7 12.9-7.4l52.7 30.4c2.5 1.5 3.2 5 1.4 7.5zm11-18.9c-1.2 2.8-4.6 4-7.3 2.4l-52.7-30.4c-5.7-3.3-5.7-11.6 0-14.9l52.6-30.4c2.7-1.5 6.1-.4 7.3 2.4 4.7 10.9 7.3 22.9 7.3 35.5 0 12.6-2.6 24.5-7.2 35.4z" class="gear-back"/>
    <path id="gear_one" d="M774.2 652l12.9-2.5-1.2-11.1-13.1.2c-.6-3.7-1.4-7.3-2.3-10.8l12.1-5.2-3.4-10.6-12.8 2.9c-1.3-3.4-2.8-6.8-4.5-10.1l10.7-7.5-5.6-9.6-11.9 5.5c-2-3.1-4.2-6.1-6.5-8.9l8.9-9.6-7.4-8.3-10.5 7.9c-2.6-2.6-5.3-5.1-8.2-7.4l6.7-11.3-9-6.5-8.6 9.9c-3.1-2-6.3-3.8-9.6-5.5l4.2-12.4-10.2-4.5-6.4 11.4c-3.4-1.3-6.9-2.4-10.5-3.4l1.6-13-10.9-2.3-3.9 12.5c-3.6-.5-7.3-.9-11-1.1l-1.2-13.1h-11.1l-1.2 13.1c-3.7.2-7.4.6-11 1.1l-3.9-12.5-10.9 2.3 1.6 13c-3.6 1-7.1 2.1-10.5 3.4l-6.4-11.4-10.2 4.5 4.2 12.4c-3.3 1.7-6.5 3.5-9.6 5.5l-8.6-9.9-9 6.5 6.7 11.3c-2.8 2.3-5.6 4.8-8.2 7.4l-10.5-7.9-7.4 8.3 8.9 9.6c-2.3 2.9-4.5 5.8-6.5 8.9l-11.9-5.5-5.6 9.6 10.7 7.5c-1.7 3.3-3.2 6.6-4.5 10.1l-12.8-2.9-3.4 10.6 12.1 5.2c-.9 3.5-1.7 7.1-2.3 10.8l-13.1-.2-1.2 11.1 12.9 2.5c-.1 1.8-.1 9.2 0 11l-12.9 2.5 1.2 11.1 13.1-.2c.6 3.7 1.4 7.3 2.3 10.8l-12.1 5.2 3.4 10.6 12.8-2.9c1.3 3.4 2.8 6.8 4.5 10.1l-10.7 7.5 5.6 9.6 11.9-5.5c2 3.1 4.2 6.1 6.5 8.9l-8.9 9.6 7.4 8.3 10.5-7.9c2.6 2.6 5.3 5.1 8.2 7.4l-6.7 11.3 9 6.5 8.6-9.9c3.1 2 6.3 3.8 9.6 5.5l-4.2 12.4 10.2 4.5 6.4-11.4c3.4 1.3 6.9 2.4 10.5 3.4l-1.6 13 10.9 2.3 3.9-12.5c3.6.5 7.3.9 11 1.1l1.2 13.1h11.1l1.2-13.1c3.7-.2 7.4-.6 11-1.1l3.9 12.5 10.9-2.3-1.6-13c3.6-1 7.1-2.1 10.5-3.4l6.4 11.4 10.2-4.5-4.2-12.4c3.3-1.7 6.5-3.5 9.6-5.5l8.6 9.9 9-6.5-6.7-11.3c2.8-2.3 5.6-4.8 8.2-7.4l10.5 7.9 7.4-8.3-8.9-9.6c2.3-2.9 4.5-5.8 6.5-8.9l11.9 5.5 5.6-9.6-10.7-7.5c1.7-3.3 3.2-6.6 4.5-10.1l12.8 2.9 3.4-10.6-12.1-5.2c.9-3.5 1.7-7.1 2.3-10.8l13.1.2 1.2-11.1-12.9-2.5c.1-1.8.1-9.2 0-11zm-111.6-93.1c0-3.6 3.1-6.4 6.7-6 29.2 3.3 54.7 18.6 71.6 40.8 2.2 2.9 1.4 7-1.8 8.9l-61.5 35.5c-6.7 3.9-15.1-1-15.1-8.7v-70.5zM573 594.2c16.6-22.1 41.8-37.4 70.6-41.1 3.6-.5 6.8 2.3 6.8 6v70.3c0 7.7-8.4 12.6-15.1 8.7l-60.5-35c-3.1-1.8-3.9-6-1.8-8.9zm-13 103.9c-5.2-12.5-8.1-26.2-8.1-40.6 0-14.5 3-28.4 8.3-41 1.4-3.3 5.4-4.7 8.6-2.9l60.5 34.9c6.7 3.9 6.7 13.5 0 17.4l-60.7 35c-3.1 2-7.1.6-8.6-2.8zm90.4 57.8c0 3.6-3.2 6.4-6.8 6-28.9-3.7-54.2-19.2-70.8-41.5-2.2-2.9-1.3-7 1.8-8.8l60.7-35.1c6.7-3.9 15.1 1 15.1 8.7v70.7zm-6.7-98.4c0-7.4 6-13.5 13.5-13.5 7.4 0 13.5 6 13.5 13.5 0 7.4-6 13.5-13.5 13.5s-13.5-6.1-13.5-13.5zm97.4 63.5c-16.9 22.3-42.5 37.7-71.8 41.1-3.6.4-6.7-2.4-6.7-6v-70.8c0-7.7 8.4-12.6 15.1-8.7l61.7 35.6c3.1 1.8 3.9 5.9 1.7 8.8zm12.9-22.2c-1.4 3.3-5.4 4.6-8.5 2.8L683.8 666c-6.7-3.9-6.7-13.5 0-17.4l61.6-35.6c3.1-1.8 7.1-.5 8.5 2.8 5.5 12.8 8.6 26.8 8.6 41.6s-3 28.7-8.5 41.4z" class="gear-back"/>
  </g>
  <g id="frontframe">
    <radialGradient id="SVGID_4_" cx="657.185" cy="657.5" r="425.518" gradientUnits="userSpaceOnUse">
      <stop offset=".119" style="stop-color:#242424"/>
      <stop offset="1" style="stop-color:#252525"/>
    </radialGradient>
    <path d="M1049.3 491.9c-21.4-50.7-52.1-96.2-91.2-135.3s-84.6-69.8-135.3-91.2C770.4 243.2 714.6 232 657.2 232c-57.4 0-113.2 11.2-165.6 33.4-50.7 21.4-96.2 52.1-135.3 91.2s-69.8 84.6-91.2 135.3c-22.2 52.5-33.4 108.2-33.4 165.6s11.2 113.2 33.4 165.6c21.4 50.7 52.1 96.2 91.2 135.3s84.6 69.8 135.3 91.2c52.5 22.2 108.2 33.4 165.6 33.4 57.4 0 113.2-11.2 165.6-33.4 50.7-21.4 96.2-52.1 135.3-91.2s69.8-84.6 91.2-135.3c22.2-52.5 33.4-108.2 33.4-165.6s-11.2-113.2-33.4-165.6zm-62.6 228.8c-29.7 28.8-70.1 46.5-114.7 46.5-27.4 0-53.3-6.7-76.1-18.6 0-.3-.1-.6-.1-1-4.4-26.9-14.8-51.8-30.2-72-15-19.6-33.9-34.1-55.5-43-1.8-9.8-2.8-19.9-2.8-30.2 0-78.3 54.6-143.8 127.7-160.5-.1.9-.1 1.9-.1 2.8 0 21.5 17.4 38.9 38.9 38.9s38.9-17.4 38.9-38.9v-1.9c2.5.6 5 1.3 7.4 2.1-8.4 131.1 32.6 212.6 66.6 275.8zM713.3 334c-2.4-5.1-3.6-10.7-3.6-16.4 0-21.5 17.6-39 39.1-38.8 19.1.2 35.4 14.5 38.1 33.4 2 14.7-4.4 28.6-15.6 36.8 9.8 16.8 23.7 30.7 40.7 40.5 17 9.8 36.3 15 55.8 15 2.2-20.1 19.9-35.7 40.9-34.4 19.7 1.2 35.6 17.4 36.4 37.1.3 7.6-1.6 14.8-5.2 20.9-12.2-4.8-25.1-8.3-38.4-10.4-7.1-7.2-16.9-11.7-27.8-11.7-10.6 0-20.1 4.2-27.2 11.1-91.4 12.4-161.9 90.7-161.9 185.5v.2c0 11.4-9.4 20.4-20.8 19.8-2.2-.1-4.5-.2-6.7-.2-21.1 0-39-8.6-51.7-24.9-18.3-23.5-23.5-59.9-14-97.4C609.7 428.2 686.6 356 713.3 334zM313.1 527.6c14.1-1.2 27.2 5.2 35 16.1 17-9.8 31.1-23.8 41-41 9.8-17 14.9-36 15-55.4-20.1-2.2-35.6-19.9-34.4-40.9 1.2-19.4 16.9-35.2 36.3-36.3 21-1.3 38.7 14.3 40.9 34.4 19.4-.1 38.6-5.2 55.4-15 17-9.8 30.9-23.7 40.7-40.5-11.2-8.2-17.6-22.1-15.6-36.8 2.6-18.9 19-33.2 38.1-33.4 21.5-.2 39.1 17.3 39.1 38.8 0 5.5-1.2 10.9-3.4 15.9l1.2.8-6.5 8.4c-24.9 32.2-57.7 82.6-72.4 140.3-7.1 27.8-8.7 55.3-5 80.9 2.1 14.8-11.7 27.1-26 22.9-11.6-3.5-23.9-5.3-36.6-5.3-30.6 0-58.7 10.7-80.7 28.7-13.6 11-33.7 7-42.4-8.1-.1-.1-.1-.3-.2-.4-5 2.3-10.5 3.5-16.1 3.5-21.6 0-39.1-17.7-38.8-39.4.4-19.9 15.8-36.5 35.4-38.2zm.1 259.8c-19.7-1.7-35.1-18.3-35.4-38-.3-21.7 17.2-39.4 38.8-39.4 3.9 0 7.8.6 11.5 1.8.4 22.8 6.8 44.1 17.7 62.5-7.9 9-19.8 14.2-32.6 13.1zm30.2-77.1c-.5-63 50.6-114.1 113.6-113.5 61.1.5 111.1 50.5 111.6 111.6.5 62.9-50.6 114.1-113.5 113.5-61.2-.6-111.1-50.5-111.7-111.6zM655 926.9c-22.1 25.3-42.8 44.5-54 54 2.4 5.1 3.7 10.7 3.7 16.5 0 21.5-17.6 39-39.1 38.8-19.1-.2-35.4-14.5-38.1-33.4-2-14.7 4.4-28.6 15.6-36.8-9.8-16.8-23.7-30.7-40.7-40.5-17-9.8-36.3-15-55.8-15h-.2c-2 20.9-20.6 37-42.4 34.9-18.3-1.7-33.1-16.5-34.8-34.8-2.1-21.8 14-40.4 34.9-42.4-.3-19.3 16.3-34.5 35.3-32.1 7.7 1 15.5 1.3 23.6.9 64.4-3.4 116.5-55 120.7-119.3 0-.5.1-.9.1-1.4 1.1-19.5 19.7-33 38.6-28.2 11.1 2.8 22.8 4.3 34.8 4.3 27.2 0 43.7 14 52.7 25.8 18.1 23.6 23 59.5 13.1 96-11.2 41.7-43.2 84.3-68 112.7zm344.5-139.4c-13.5.7-26-5.6-33.5-16.1-16.9 9.8-30.9 23.7-40.8 40.8-9.8 17-14.9 36-15 55.4 20.1 2.2 35.6 19.9 34.4 40.9-1.2 19.4-16.9 35.2-36.3 36.3-21 1.3-38.7-14.3-40.9-34.4-19.4.1-38.6 5.2-55.4 15-17.1 9.8-31 23.8-40.8 40.6 11.6 8.6 18 23.3 15.1 38.5-3.3 17.6-18.6 30.8-36.5 31.5-22.1.9-40.3-16.8-40.3-38.7 0-5.5 1.2-11 3.4-15.9 0 0 62.7-93.1 77.8-148.9 2.6-9.8 4.6-19.5 5.8-29.2 1.8-13.9 15.5-22.9 29-19.4 14.9 3.8 30.4 5.8 46.5 5.8 60.2 0 113.8-28.4 148-72.6 9.5 6.8 15.8 17.7 16.2 30 .8 21.2-15.7 39.3-36.7 40.4z" class="st14"/>
    <g id="screw_6_">
      <radialGradient id="SVGID_5_" cx="966.186" cy="535.013" r="9.932" fx="960.849" fy="530.102" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_6_" x1="974.717" x2="957.656" y1="543.708" y2="526.648" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="966.2" cy="535.2" r="11.1" class="st15"/>
      <linearGradient id="SVGID_7_" x1="970.158" x2="961.891" y1="539.355" y2="531.087" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M968.8 530.5h-5.5l-2.8 4.7 2.8 4.8h5.5l2.7-4.8z" class="st16"/>
    </g>
    <g id="hole_11_">
      <linearGradient id="SVGID_8_" x1="1027.723" x2="1016.527" y1="566.673" y2="555.477" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="1022.1" cy="561.1" r="6.9" class="st17"/>
    </g>
    <g id="hole_10_">
      <linearGradient id="SVGID_9_" x1="991.783" x2="980.587" y1="634.598" y2="623.402" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="986.2" cy="629" r="6.9" class="st18"/>
    </g>
    <g id="hole_9_">
      <linearGradient id="SVGID_10_" x1="538.38" x2="527.184" y1="591.192" y2="579.996" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="532.8" cy="585.6" r="6.9" class="st19"/>
    </g>
    <g id="hole_8_">
      <linearGradient id="SVGID_11_" x1="759.808" x2="752.734" y1="857.618" y2="850.543" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="756.3" cy="854.1" r="4" class="st20"/>
    </g>
    <g id="hole_7_">
      <linearGradient id="SVGID_12_" x1="704.808" x2="697.734" y1="988.618" y2="981.543" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="701.3" cy="985.1" r="4" class="st21"/>
    </g>
    <g id="hole_6_">
      <linearGradient id="SVGID_13_" x1="625.87" x2="614.674" y1="991.677" y2="980.481" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="620.3" cy="986.1" r="6.9" class="st22"/>
    </g>
    <g id="hole_5_">
      <linearGradient id="SVGID_14_" x1="747.37" x2="736.174" y1="797.177" y2="785.981" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="741.8" cy="791.6" r="6.9" class="st23"/>
    </g>
    <g id="hole_4_">
      <linearGradient id="SVGID_15_" x1="399.991" x2="391.882" y1="864.632" y2="856.523" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="395.9" cy="860.6" r="4.7" class="st24"/>
    </g>
    <g id="hole_3_">
      <linearGradient id="SVGID_16_" x1="559.991" x2="551.883" y1="635.632" y2="627.523" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="555.9" cy="631.6" r="4.7" class="st25"/>
    </g>
    <g id="hole_2_">
      <linearGradient id="SVGID_17_" x1="332.325" x2="324.216" y1="620.632" y2="612.523" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="328.3" cy="616.6" r="4.7" class="st26"/>
    </g>
    <g id="hole_1_">
      <linearGradient id="SVGID_18_" x1="682.523" x2="673.504" y1="339.355" y2="330.335" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="678" cy="334.8" r="5.4" class="st27"/>
    </g>
    <g id="hole">
      <linearGradient id="SVGID_19_" x1="613.376" x2="602.181" y1="355.704" y2="344.508" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset=".816" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="607.8" cy="350.1" r="6.9" class="st28"/>
    </g>
    <g id="screw_5_">
      <radialGradient id="SVGID_20_" cx="874.254" cy="443.99" r="14.662" fx="866.375" fy="436.74" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_21_" x1="886.51" x2="861.997" y1="456.491" y2="431.978" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="874.3" cy="444.2" r="16.3" class="st29"/>
      <linearGradient id="SVGID_22_" x1="879.93" x2="868.1" y1="450.212" y2="438.382" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M878.1 437.3H870l-4.1 7 4.1 7h8.1l4-7z" class="st30"/>
    </g>
  </g>
  <g id="gears_front">
		<path id="gear_front_ten_mark" d="M385.5 442.6l10.3-2-.9-8.8-10.5.2c-.5-2.9-1.1-5.8-1.8-8.6l9.6-4.1-2.7-8.4-10.2 2.3c-1.1-2.7-2.3-5.4-3.6-8l8.5-6-4.4-7.7-9.5 4.4c-1.6-2.5-3.3-4.8-5.2-7.1l7.1-7.7-5.9-6.6-8.4 6.3c-2.1-2.1-4.3-4-6.5-5.9l5.4-9-7.2-5.2-6.9 7.9c-2.5-1.6-5-3.1-7.6-4.4l3.4-9.9-8.1-3.6-5.1 9.1c-2.7-1-5.5-1.9-8.4-2.7l1.2-10.4-8.7-1.8-3.1 10c-2.9-.4-5.8-.7-8.8-.9l-.9-10.4h-8.9l-.9 10.4c-3 .2-5.9.5-8.8.9l-3.1-10-8.7 1.8 1.2 10.4c-2.8.8-5.6 1.7-8.4 2.7l-5.1-9.1-8.1 3.6 3.4 9.9c-2.6 1.4-5.2 2.8-7.6 4.4l-6.9-7.9-7.2 5.2 5.4 9c-2.3 1.9-4.5 3.8-6.5 5.9l-8.4-6.3-5.9 6.6 7.1 7.7c-1.8 2.3-3.6 4.7-5.2 7.1l-9.5-4.4-4.4 7.7 8.5 6c-1.3 2.6-2.5 5.3-3.6 8l-10.2-2.3-2.7 8.4 9.6 4.1c-.7 2.8-1.3 5.7-1.8 8.6l-10.5-.2-.9 8.8 10.3 2c-.1 1.5-.1 7.3 0 8.8l-10.3 2 .9 8.8 10.5-.2c.5 2.9 1.1 5.8 1.8 8.6l-9.6 4.1 2.7 8.4 10.2-2.3c1.1 2.7 2.3 5.4 3.6 8l-8.5 6 4.4 7.7 9.5-4.4c1.6 2.5 3.3 4.8 5.2 7.1l-7.1 7.7 5.9 6.6 8.4-6.3c2.1 2.1 4.3 4 6.5 5.9l-5.4 9 7.2 5.2 6.9-7.9c2.5 1.6 5 3.1 7.6 4.4l-3.4 9.9 8.1 3.6 5.1-9.1c2.7 1 5.5 1.9 8.4 2.7l-1.2 10.4 8.7 1.8 3.1-10c2.9.4 5.8.7 8.8.9l.9 10.4h8.9l.9-10.4c3-.2 5.9-.5 8.8-.9l3.1 10 8.7-1.8-1.2-10.4c2.8-.8 5.6-1.7 8.4-2.7l5.1 9.1 8.1-3.6-3.4-9.9c2.6-1.4 5.2-2.8 7.6-4.4l6.9 7.9 7.2-5.2-5.4-9c2.3-1.9 4.5-3.8 6.5-5.9l8.4 6.3 5.9-6.6-7.1-7.7c1.8-2.3 3.6-4.7 5.2-7.1l9.5 4.4 4.4-7.7-8.5-6c1.3-2.6 2.5-5.3 3.6-8l10.2 2.3 2.7-8.4-9.6-4.1c.7-2.8 1.3-5.7 1.8-8.6l10.5.2.9-8.8-10.3-2c.1-1.5.1-7.3 0-8.8zm-88.9-74.2c0-2.9 2.5-5.1 5.4-4.8 23.2 2.7 43.6 14.8 57.1 32.5 1.8 2.3 1.1 5.6-1.4 7.1l-49 28.3c-5.3 3.1-12-.8-12-6.9v-56.2zm-71.5 28.2c13.3-17.6 33.3-29.9 56.3-32.8 2.9-.4 5.4 1.9 5.4 4.8v56c0 6.2-6.7 10-12 6.9l-48.3-27.9c-2.4-1.4-3.1-4.7-1.4-7zm-10.3 82.8c-4.2-10-6.5-20.9-6.5-32.4 0-11.6 2.4-22.6 6.6-32.7 1.1-2.7 4.3-3.7 6.8-2.3l48.3 27.9c5.3 3.1 5.3 10.8 0 13.9l-48.4 27.9c-2.5 1.5-5.7.4-6.8-2.3zm72.1 46.1c0 2.9-2.5 5.1-5.4 4.8-23.1-3-43.2-15.3-56.5-33.1-1.7-2.3-1-5.6 1.5-7l48.4-28c5.3-3.1 12 .8 12 6.9v56.4zm-5.4-78.5c0-5.9 4.8-10.7 10.7-10.7S303 441.1 303 447c0 5.9-4.8 10.7-10.7 10.7s-10.8-4.8-10.8-10.7zm77.7 50.6c-13.5 17.8-33.9 30.1-57.3 32.8-2.9.3-5.4-1.9-5.4-4.8v-56.5c0-6.2 6.7-10 12-6.9l49.2 28.4c2.5 1.4 3.2 4.7 1.5 7zm10.3-17.7c-1.1 2.6-4.3 3.7-6.8 2.3l-49.2-28.4c-5.3-3.1-5.3-10.8 0-13.9l49.1-28.4c2.5-1.4 5.7-.4 6.8 2.3 4.4 10.2 6.8 21.4 6.8 33.2 0 11.7-2.4 22.8-6.7 32.9z" class="gear-front"/>
    <path id="gear_front_two" d="M736.9 653.7l8.8-1.7-.8-7.5-8.9.1c-.4-2.5-.9-5-1.6-7.4l8.2-3.5-2.3-7.2-8.7 2c-.9-2.3-1.9-4.6-3.1-6.9l7.3-5.1-3.8-6.6-8.1 3.8c-1.4-2.1-2.9-4.1-4.4-6.1l6.1-6.6-5.1-5.6-7.2 5.4c-1.8-1.8-3.6-3.4-5.6-5l4.6-7.7-6.1-4.5-5.9 6.7c-2.1-1.4-4.3-2.6-6.5-3.8l2.9-8.5-6.9-3.1-4.3 7.8c-2.3-.9-4.7-1.7-7.2-2.3l1.1-8.9-7.4-1.6-2.6 8.5c-2.5-.4-5-.6-7.5-.8l-.8-8.9h-7.6l-.8 8.9c-2.5.1-5 .4-7.5.8l-2.6-8.5-7.4 1.6 1.1 8.9c-2.4.7-4.8 1.4-7.2 2.3l-4.3-7.8-6.9 3.1 2.9 8.5c-2.2 1.2-4.4 2.4-6.5 3.8l-5.9-6.7-6.1 4.5 4.6 7.7c-1.9 1.6-3.8 3.3-5.6 5l-7.2-5.4-5.1 5.6 6.1 6.6c-1.6 2-3 4-4.4 6.1l-8.1-3.8-3.8 6.6 7.3 5.1c-1.1 2.2-2.2 4.5-3.1 6.9l-8.7-2-2.3 7.2 8.2 3.5c-.6 2.4-1.1 4.9-1.6 7.4l-8.9-.1-.8 7.5 8.8 1.7c-.1 1.2-.1 6.3 0 7.5l-8.8 1.7.8 7.5 8.9-.1c.4 2.5.9 5 1.6 7.4l-8.2 3.5 2.3 7.2 8.7-2c.9 2.3 1.9 4.6 3.1 6.9l-7.3 5.1 3.8 6.6 8.1-3.8c1.4 2.1 2.9 4.1 4.4 6.1l-6.1 6.6 5.1 5.6 7.2-5.4c1.8 1.8 3.6 3.4 5.6 5l-4.6 7.7 6.1 4.5 5.9-6.7c2.1 1.4 4.3 2.6 6.5 3.8l-2.9 8.5 6.9 3.1 4.3-7.8c2.3.9 4.7 1.7 7.2 2.3l-1.1 8.9 7.4 1.6 2.6-8.5c2.5.4 5 .6 7.5.8l.8 8.9h7.6l.8-8.9c2.5-.1 5-.4 7.5-.8l2.6 8.5 7.4-1.6-1.1-8.9c2.4-.7 4.8-1.4 7.2-2.3l4.3 7.8 6.9-3.1-2.9-8.5c2.2-1.2 4.4-2.4 6.5-3.8l5.9 6.7 6.1-4.5-4.6-7.7c1.9-1.6 3.8-3.3 5.6-5l7.2 5.4 5.1-5.6-6.1-6.6c1.6-2 3-4 4.4-6.1l8.1 3.8 3.8-6.6-7.3-5.1c1.1-2.2 2.2-4.5 3.1-6.9l8.7 2 2.3-7.2-8.2-3.5c.6-2.4 1.1-4.9 1.6-7.4l8.9.1.8-7.5-8.8-1.7c.1-1.2.1-6.2 0-7.5zm-76-63.4c0-2.5 2.1-4.4 4.6-4.1 19.9 2.3 37.3 12.7 48.8 27.8 1.5 2 .9 4.8-1.2 6l-41.9 24.2c-4.6 2.6-10.3-.7-10.3-5.9v-48zm-61 24.1c11.3-15.1 28.5-25.5 48.1-28 2.5-.3 4.6 1.6 4.6 4.1v47.9c0 5.3-5.7 8.6-10.3 5.9l-41.2-23.8c-2.2-1.3-2.7-4.1-1.2-6.1zm-8.9 70.8c-3.6-8.5-5.5-17.9-5.5-27.7 0-9.9 2-19.3 5.6-27.9 1-2.3 3.7-3.2 5.8-1.9l41.2 23.8c4.6 2.6 4.6 9.2 0 11.9l-41.3 23.9c-2.1 1.1-4.8.2-5.8-2.1zm61.6 39.4c0 2.5-2.2 4.4-4.6 4.1-19.7-2.5-36.9-13.1-48.3-28.3-1.5-2-.9-4.8 1.2-6l41.4-23.9c4.6-2.6 10.3.7 10.3 5.9v48.2zm-4.6-67.1c0-5.1 4.1-9.2 9.2-9.2s9.2 4.1 9.2 9.2-4.1 9.2-9.2 9.2-9.2-4.1-9.2-9.2zm66.4 43.3c-11.5 15.2-29 25.7-48.9 28-2.4.3-4.6-1.6-4.6-4.1v-48.3c0-5.3 5.7-8.6 10.3-5.9l42 24.3c2.1 1.2 2.7 4 1.2 6zm8.8-15.2c-1 2.3-3.7 3.2-5.8 1.9l-42.1-24.3c-4.6-2.6-4.6-9.2 0-11.9l42-24.2c2.1-1.2 4.8-.3 5.8 1.9 3.8 8.7 5.8 18.3 5.8 28.4 0 10.1-2 19.6-5.7 28.2z" class="gear-front"/>
    <path id="gear_front_small" d="M809.3 732c0-.8 0-1.5-.1-2.3l8.2-2.4-1.3-7.5-8.6.3c-.5-1.5-1-3-1.6-4.4l6.9-5.1-3.8-6.6-8 3.3c-.9-1.2-1.9-2.4-3-3.5l4.8-7.2-5.8-4.9-6.5 5.9c-1.3-.8-2.6-1.6-4-2.3l2-8.5-7.1-2.6-4.1 7.8c-1.5-.3-2.9-.6-4.5-.8l-1-8.8h-7.6l-1.2 8.8c-1.5.2-3 .5-4.4.8l-4-8-7.1 2.6 1.9 8.8c-1.3.7-2.6 1.4-3.8 2.2l-6.5-6.2-5.8 4.9 4.8 7.7c-1 1.1-1.9 2.2-2.8 3.4l-8.3-3.6-3.8 6.6 7.2 5.6c-.6 1.3-1.1 2.7-1.5 4.1l-9.1-.6-1.3 7.5 8.7 2.8c0 .7-.1 1.5-.1 2.2 0 .7 0 1.4.1 2.1l-8.7 2.6 1.3 7.5 9.1-.4c.4 1.4.9 2.8 1.5 4.1l-7.3 5.4 3.8 6.6 8.4-3.4c.9 1.2 1.8 2.3 2.8 3.4l-5 7.6 5.8 4.9 6.7-6.1c1.2.8 2.5 1.6 3.8 2.2l-2.1 8.7 7.1 2.6 4.2-7.9c1.4.3 2.9.6 4.4.8l1 8.8h7.6l1.2-8.8c1.5-.2 3-.4 4.5-.8l3.9 7.9 7.1-2.6-1.9-8.5c1.4-.7 2.7-1.4 4-2.3l6.3 6 5.8-4.9-4.6-7.3c1.1-1.1 2.1-2.3 3-3.5l7.9 3.4 3.8-6.6-6.8-5.3c.6-1.4 1.2-2.9 1.6-4.4l8.6.5 1.3-7.5-8.2-2.6c.2-.6.2-1.4.2-2.2zm-41.2-6.7c3.7 0 6.7 3 6.7 6.7s-3 6.7-6.7 6.7-6.7-3-6.7-6.7 3-6.7 6.7-6.7zm-32.7 15.8c-.8-2.9-1.2-5.9-1.2-9.1 0-15.8 10.8-29 25.4-32.8 1.8-.5 3.5.9 3.5 2.7v14.2c0 1.4-.8 2.8-2 3.5-4.3 2.4-7.3 7.1-7.3 12.4 0 1.5-.8 2.9-2.1 3.7l-12.2 7c-1.6.9-3.6.1-4.1-1.6zm56.8 14.6c-6.1 6.3-14.7 10.1-24.2 10.1s-18-3.9-24.2-10.1c-1.3-1.3-1-3.5.6-4.4l12.3-7.1c1.2-.7 2.8-.7 4 0 2.1 1.3 4.6 2 7.3 2s5.1-.7 7.3-2c1.2-.7 2.8-.7 4 0l12.3 7.1c1.6.9 1.9 3.1.6 4.4zm8.5-14.6c-.5 1.7-2.5 2.6-4.1 1.7l-12.2-7c-1.3-.8-2.1-2.2-2.1-3.7 0-5.3-2.9-10-7.3-12.4-1.2-.7-2-2-2-3.5V702c0-1.8 1.7-3.1 3.5-2.7 14.6 3.8 25.4 17 25.4 32.8 0 3-.4 6.1-1.2 9z" class="gear-front"/>
    <g id="screw_4_">
      <radialGradient id="SVGID_23_" cx="768.085" cy="731.865" r="8.092" fx="763.737" fy="727.864" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_24_" x1="775.167" x2="761.004" y1="739.081" y2="724.919" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="768.1" cy="732" r="9" class="st31"/>
      <linearGradient id="SVGID_25_" x1="771.395" x2="764.512" y1="735.476" y2="728.593" gradientUnits="userSpaceOnUse">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M770.2 728.2h-4.5l-2.2 3.8 2.2 3.9h4.5l2.2-3.9z" class="st32"/>
    </g>
  </g>
  <g id="face_frame">
    <radialGradient id="face_frame_skeleton_1_" cx="657.186" cy="657.5" r="538.771" gradientUnits="userSpaceOnUse">
      <stop offset=".064" style="stop-color:#666666"/>
      <stop offset="1" style="stop-color:#0D0D0D"/>
    </radialGradient>
    <path id="face_frame_skeleton" d="M1153.6 447.8c-27.1-64.2-66-121.8-115.5-171.2-49.5-49.5-107.1-88.3-171.2-115.4-66.4-28.1-137-42.4-209.7-42.4-72.7 0-143.3 14.2-209.7 42.4-64.2 27.1-121.8 66-171.2 115.4-49.5 49.5-88.3 107.1-115.4 171.2-28.1 66.4-42.4 137-42.4 209.7 0 72.7 14.2 143.3 42.4 209.7 27.1 64.2 66 121.8 115.4 171.2 49.5 49.5 107.1 88.3 171.2 115.5 66.4 28.1 137 42.4 209.7 42.4 72.7 0 143.3-14.3 209.7-42.4 64.2-27.1 121.8-66 171.2-115.5 49.5-49.5 88.3-107.1 115.5-171.2 28.1-66.4 42.4-137 42.4-209.7 0-72.7-14.3-143.3-42.4-209.7zM961.8 918.6c-13.4 15.6-27.9 30.1-43.5 43.5-24.6-20.6-60.4-24.7-89.7-7.7-29.4 17-43.7 50.1-38.1 81.8-19.2 6.8-39 12.1-59.4 15.9-11-30.2-39.9-51.8-73.9-51.8s-62.9 21.6-73.9 51.8c-20.4-3.8-40.2-9.2-59.4-15.9 5.6-31.6-8.7-64.8-38.1-81.8-29.4-17-65.1-12.8-89.7 7.7-15.6-13.4-30.1-27.9-43.5-43.5 20.6-24.6 24.7-60.4 7.7-89.7-17-29.4-50.1-43.7-81.8-38.1-6.8-19.2-12.1-39-15.9-59.4 30.2-11 51.8-39.9 51.8-73.9 0-34-21.6-62.9-51.8-73.9 3.8-20.4 9.2-40.2 15.9-59.4 31.6 5.6 64.8-8.7 81.8-38.1 17-29.4 12.8-65.1-7.7-89.7 13.4-15.6 27.9-30.1 43.5-43.5 24.6 20.6 60.4 24.7 89.7 7.7 29.4-17 43.7-50.1 38.1-81.8 19.2-6.8 39-12.1 59.4-15.9 11 30.2 39.9 51.8 73.9 51.8s62.9-21.6 73.9-51.8c20.4 3.8 40.2 9.2 59.4 15.9-5.6 31.6 8.7 64.8 38.1 81.8 29.4 17 65.1 12.8 89.7-7.7 15.6 13.4 30.1 27.9 43.5 43.5-20.6 24.6-24.7 60.4-7.7 89.7 17 29.4 50.1 43.7 81.8 38.1 6.8 19.2 12.1 39 15.9 59.4-30.2 11-51.8 39.9-51.8 73.9 0 34 21.6 62.9 51.8 73.9-3.8 20.4-9.2 40.2-15.9 59.4-31.6-5.6-64.8 8.7-81.8 38.1-17 29.4-12.9 65.1 7.7 89.7zM837 1094.7c-36.9 15.2-76.2 25.9-117 31.4 7.4-9.8 12.5-21.4 14.6-34 24.8-4.4 49.1-10.9 72.8-19.5 8.2 9.9 18.4 17.3 29.6 22.1zm-242.6 31.4c-40.9-5.5-80.1-16.1-117-31.4 11.3-4.8 21.5-12.2 29.6-22.1 23.7 8.6 48 15.1 72.8 19.5 2.1 12.6 7.2 24.2 14.6 34zM242 507.3c-8.6 23.7-15.1 48-19.5 72.8-12.6 2.1-24.2 7.3-34 14.6 5.5-40.9 16.1-80.1 31.4-117 4.9 11.2 12.3 21.4 22.1 29.6zM222.5 735c4.4 24.8 10.9 49.1 19.5 72.8-9.8 8.1-17.3 18.4-22.1 29.6-15.2-36.9-25.9-76.2-31.4-117 9.9 7.3 21.4 12.4 34 14.6zm254.8-514.7c36.9-15.2 76.2-25.9 117-31.4-7.4 9.8-12.5 21.4-14.6 34-24.8 4.4-49.1 10.9-72.8 19.5-8.1-9.9-18.3-17.3-29.6-22.1zM720 188.9c40.9 5.5 80.1 16.1 117 31.4-11.3 4.8-21.5 12.2-29.6 22.1-23.7-8.6-48-15.1-72.8-19.5-2.1-12.6-7.2-24.2-14.6-34zm374.4 288.7c15.2 36.9 25.9 76.2 31.4 117-9.8-7.4-21.4-12.5-34-14.6-4.4-24.8-10.9-49.1-19.5-72.8 9.9-8.1 17.3-18.3 22.1-29.6zm-22.1 330.1c8.6-23.7 15.1-48 19.5-72.8 12.6-2.1 24.2-7.3 34-14.6-5.5 40.9-16.1 80.1-31.4 117-4.8-11.2-12.2-21.4-22.1-29.6zm-41-438.9c-12.1-1.4-24.6-.1-36.5 4.4-8.1-9.6-16.5-18.8-25.5-27.7-8.9-8.9-18.2-17.4-27.7-25.5 4.4-11.9 5.8-24.4 4.4-36.5 31.9 24.6 60.6 53.3 85.3 85.3zm-662.9-85.4c-1.4 12.1-.1 24.6 4.4 36.5-9.6 8.1-18.8 16.5-27.7 25.5s-17.4 18.2-25.5 27.7c-11.9-4.4-24.4-5.8-36.5-4.4 24.7-31.9 53.4-60.6 85.3-85.3zm-85.3 662.8c12.1 1.4 24.6.1 36.5-4.4 8.1 9.6 16.5 18.8 25.5 27.7 8.9 8.9 18.2 17.4 27.7 25.5-4.4 11.9-5.8 24.4-4.4 36.5-31.9-24.6-60.6-53.3-85.3-85.3zm662.8 85.4c1.4-12.1.1-24.6-4.4-36.5 9.6-8.1 18.8-16.5 27.7-25.5 8.9-8.9 17.4-18.2 25.5-27.7 11.9 4.4 24.4 5.8 36.5 4.4-24.6 31.9-53.3 60.6-85.3 85.3z" class="skeleton-frame"/>
    <g id="screw_3_">
      <radialGradient id="SVGID_26_" cx="-7533.815" cy="-7533.744" r="14.662" fx="-7541.694" fy="-7540.995" gradientTransform="matrix(0.5303 0.5303 -0.5303 0.5303 955.5156 8349.9873)" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_27_" x1="-7521.558" x2="-7546.071" y1="-7521.244" y2="-7545.756" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.5303 0.5303 -0.5303 0.5303 955.5156 8349.9873)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="955.3" cy="359.3" r="12.3" class="st34"/>
      <linearGradient id="SVGID_28_" x1="-7528.139" x2="-7539.969" y1="-7527.523" y2="-7539.352" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.5303 0.5303 -0.5303 0.5303 955.5156 8349.9873)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M961 357.7l-4.2-4.3-5.9 1.6-1.6 5.8 4.3 4.3 5.9-1.6z" class="st35"/>
    </g>
    <g id="screw_2_">
      <radialGradient id="SVGID_29_" cx="-7533.815" cy="-7533.744" r="14.662" fx="-7541.694" fy="-7540.995" gradientTransform="matrix(0.5303 0.5303 -0.5303 0.5303 359.1889 8946.3135)" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_30_" x1="-7521.558" x2="-7546.071" y1="-7521.244" y2="-7545.756" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.5303 0.5303 -0.5303 0.5303 359.1889 8946.3135)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="359" cy="955.7" r="12.3" class="st36"/>
      <linearGradient id="SVGID_31_" x1="-7528.139" x2="-7539.969" y1="-7527.523" y2="-7539.352" gradientUnits="userSpaceOnUse" gradientTransform="matrix(0.5303 0.5303 -0.5303 0.5303 359.1889 8946.3135)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M364.7 954l-4.3-4.3-5.8 1.6-1.6 5.8 4.3 4.3 5.8-1.5z" class="st37"/>
    </g>
    <g id="screw_1_">
      <radialGradient id="SVGID_32_" cx="-7533.815" cy="-7533.744" r="14.662" fx="-7541.694" fy="-7540.995" gradientTransform="matrix(-0.5303 0.5303 0.5303 0.5303 358.8553 8349.9873)" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_33_" x1="-7521.558" x2="-7546.071" y1="-7521.244" y2="-7545.756" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.5303 0.5303 0.5303 0.5303 358.8553 8349.9873)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="359" cy="359.3" r="12.3" class="st38"/>
      <linearGradient id="SVGID_34_" x1="-7528.139" x2="-7539.969" y1="-7527.523" y2="-7539.352" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.5303 0.5303 0.5303 0.5303 358.8553 8349.9873)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M353.3 357.7l4.3-4.3 5.9 1.6 1.5 5.8-4.2 4.3-5.9-1.6z" class="st39"/>
    </g>
    <g id="screw">
      <radialGradient id="SVGID_35_" cx="-7533.815" cy="-7533.744" r="14.662" fx="-7541.694" fy="-7540.995" gradientTransform="matrix(-0.5303 0.5303 0.5303 0.5303 955.182 8946.3135)" gradientUnits="userSpaceOnUse">
        <stop offset=".237" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </radialGradient>
      <linearGradient id="SVGID_36_" x1="-7521.558" x2="-7546.071" y1="-7521.244" y2="-7545.756" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.5303 0.5303 0.5303 0.5303 955.182 8946.3135)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <circle cx="955.3" cy="955.7" r="12.3" class="st40"/>
      <linearGradient id="SVGID_37_" x1="-7528.139" x2="-7539.969" y1="-7527.523" y2="-7539.352" gradientUnits="userSpaceOnUse" gradientTransform="matrix(-0.5303 0.5303 0.5303 0.5303 955.182 8946.3135)">
        <stop offset="0" style="stop-color:#666666"/>
        <stop offset="1" style="stop-color:#0D0D0D"/>
      </linearGradient>
      <path d="M949.7 954l4.2-4.3 5.9 1.6 1.6 5.8-4.3 4.3-5.9-1.5z" class="st41"/>
    </g>
    <g id="knobs">
      <g id="knob11">
        <radialGradient id="SVGID_38_" cx="446.488" cy="292.561" r="64.612" fx="410.891" fy="260.581" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="446.5" cy="292.6" r="65.6" class="st42"/>
        <circle cx="446.8" cy="292.3" r="66.8" class="primary-stroke-b"/>
        <circle cx="446.8" cy="292.3" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob10">
        <radialGradient id="SVGID_39_" cx="292.246" cy="446.802" r="64.612" fx="256.65" fy="414.823" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="292.2" cy="446.8" r="65.6" class="st45"/>
        <circle cx="292.6" cy="446.6" r="66.8" class="primary-stroke-b"/>
        <circle cx="292.6" cy="446.6" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob09">
        <radialGradient id="SVGID_40_" cx="235.79" cy="657.5" r="64.612" fx="200.194" fy="625.521" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="235.8" cy="657.5" r="65.6" class="st46"/>
        <circle cx="236.1" cy="657.3" r="66.8" class="primary-stroke-b"/>
        <circle cx="236.1" cy="657.3" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob08">
        <radialGradient id="SVGID_41_" cx="292.246" cy="868.198" r="64.612" fx="256.65" fy="836.218" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="292.2" cy="868.2" r="65.6" class="st47"/>
        <circle cx="292.6" cy="868" r="66.8" class="primary-stroke-b"/>
        <circle cx="292.6" cy="868" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob07">
        <radialGradient id="SVGID_42_" cx="446.488" cy="1022.439" r="64.612" fx="410.891" fy="990.46" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="446.5" cy="1022.4" r="65.6" class="st48"/>
        <circle cx="446.8" cy="1022.2" r="66.8" class="primary-stroke-b"/>
        <circle cx="446.8" cy="1022.2" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob06">
        <radialGradient id="SVGID_43_" cx="658.348" cy="1077.868" r="64.612" fx="622.752" fy="1045.888" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="658.3" cy="1077.9" r="65.6" class="st49"/>
        <circle cx="658.7" cy="1077.6" r="66.8" class="primary-stroke-b"/>
        <circle cx="658.7" cy="1077.6" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob05">
        <radialGradient id="SVGID_44_" cx="867.883" cy="1022.439" r="64.612" fx="832.287" fy="990.46" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="867.9" cy="1022.4" r="65.6" class="st50"/>
        <circle cx="868.2" cy="1022.2" r="66.8" class="primary-stroke-b"/>
        <circle cx="868.2" cy="1022.2" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob04">
        <radialGradient id="SVGID_45_" cx="1022.125" cy="868.198" r="64.612" fx="986.529" fy="836.218" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="1022.1" cy="868.2" r="65.6" class="st51"/>
        <circle cx="1022.4" cy="868" r="66.8" class="primary-stroke-b"/>
        <circle cx="1022.4" cy="868" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob03">
        <radialGradient id="SVGID_46_" cx="1078.581" cy="657.663" r="64.612" fx="1042.985" fy="625.684" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="1078.6" cy="657.7" r="65.6" class="st52"/>
        <circle cx="1078.9" cy="657.4" r="66.8" class="primary-stroke-b"/>
        <circle cx="1078.9" cy="657.4" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob02">
        <radialGradient id="SVGID_47_" cx="1022.125" cy="446.802" r="64.612" fx="986.529" fy="414.823" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="1022.1" cy="446.8" r="65.6" class="st53"/>
        <circle cx="1022.4" cy="446.6" r="66.8" class="primary-stroke-b"/>
        <circle cx="1022.4" cy="446.6" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob01">
        <radialGradient id="SVGID_48_" cx="868.035" cy="292.928" r="64.612" fx="832.439" fy="260.948" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="868" cy="292.9" r="65.6" class="st54"/>
        <circle cx="868.3" cy="292.7" r="66.8" class="primary-stroke-b"/>
        <circle cx="868.3" cy="292.7" r="62.5" class="primary-stroke-a"/>
      </g>
      <g id="knob12">
        <radialGradient id="SVGID_49_" cx="657.186" cy="236.526" r="64.612" fx="621.589" fy="204.547" gradientUnits="userSpaceOnUse">
          <stop offset="0" style="stop-color:#504d49"/>
          <stop offset=".941" style="stop-color:#262626"/>
        </radialGradient>
        <circle cx="657.2" cy="236.5" r="65.6" class="st55"/>
        <circle cx="657.5" cy="236.3" r="66.8" class="primary-stroke-b"/>
        <circle cx="657.5" cy="236.3" r="62.5" class="primary-stroke-a"/>
      </g>
    </g>
  </g>
  <g id="face_marks">
    <g id="eleven">
      <path d="M408.5 274.1l-2 1.1c-.1.1-.3.1-.4.1-.2 0-.3-.1-.4-.3-.1-.2-.1-.3-.1-.5s.1-.3.3-.4L420 266c.1-.1.3-.1.4-.1.2 0 .3.1.4.3.1.2.1.3.1.5s-.1.3-.3.3l-3.4 1.9 19 19.4-4.5-19.8c-.3-1.1-.6-2.1-1.1-2.9-.6-1-1.2-1.6-1.8-1.9-.6-.3-1.3-.3-2.1-.1l-2 1c-.2 0-.4-.1-.5-.4-.1-.2 0-.4.1-.8l9.5-5.5c.4 0 .7.1.8.3.1.2.2.4.1.6l-1.2.9c-.6.6-1 1.4-1.2 2.6-.2 1.1-.2 2.2 0 3.3l5.5 24.3 30.7 31.4 1.9-1.1c.4 0 .7.1.8.3s.1.3.1.5c0 .1-.1.3-.3.3l-13.5 7.8c-.1.1-.3.1-.4.1-.2 0-.3-.1-.4-.3s-.1-.3-.1-.5.1-.3.3-.4l2.9-1.7-21-21.5 5.2 22.8c.2 1 .6 1.9 1.1 2.9.5.9 1.2 1.4 2 1.6 1.2.3 2.2.2 2.9-.2l1.1-.6c.1-.1.3-.1.4-.1.2 0 .3.1.4.3s.1.3.1.5-.1.3-.3.3l-9.9 5.7c-.4 0-.7-.1-.8-.3s-.1-.3-.1-.4c0-.1.1-.2.3-.4 2.1-1.8 2.6-4.8 1.6-9.2l-5.8-24.8-28.5-28.8zM439.6 256.1l-2.5 1.5c-.1.1-.3.1-.4 0s-.3-.1-.3-.3c-.1-.2-.1-.3-.1-.5s.1-.3.3-.3l13.7-7.9c.1-.1.3-.1.4-.1.2 0 .3.1.4.3.1.2.1.3.1.5s-.1.3-.3.4l-2.5 1.5 35.5 61.5 2.5-1.5c.4 0 .6.1.7.3.1.2.1.4-.1.8l-14.1 8.1c-.4 0-.7-.1-.8-.3s0-.4.2-.8l2.9-1.7-35.6-61.5z" class="primary-fill"/>
    </g>
		<g id="ten">
    	<path d="M254.9 441.4l-1.1 2-.3.3s-.3 0-.5-.1-.3-.2-.3-.4 0-.3.1-.4l8.2-14.2.3-.3c.2 0 .3 0 .5.1s.3.2.3.4 0 .3-.1.4l-1.9 3.4 26.1 7.3-13.9-14.9c-.8-.8-1.6-1.5-2.4-1.9-1-.6-1.8-.8-2.5-.8s-1.3.4-1.8 1l-1.3 1.8c-.2.1-.4.1-.7 0-.2-.1-.3-.4-.3-.8l5.5-9.5c.4-.2.7-.2.8-.1.2.1.4.3.4.5l-.6 1.4c-.2.8-.1 1.7.2 2.8.4 1.1.9 2.1 1.6 2.9l16.9 18.3 42.3 11.9 1.1-1.9c.4-.2.6-.3.8-.2.2.1.3.2.3.4 0 .1 0 .3-.1.4l-7.8 13.5-.3.3c-.2 0-.3 0-.5-.1s-.3-.2-.3-.4 0-.3.1-.4l1.7-2.9-29-8.1 16 17.1c.7.7 1.5 1.4 2.4 1.9.9.5 1.7.6 2.6.4 1.2-.4 2-.9 2.4-1.6l.6-1.1c.1-.1.2-.2.4-.3.2 0 .3 0 .5.1s.3.2.3.4 0 .3-.1.4l-5.7 9.9c-.4.2-.6.3-.8.2-.2-.1-.3-.2-.3-.3v-.5c.9-2.6-.2-5.5-3.2-8.8l-17.4-18.6-39.2-10.9z" class="primary-fill"/>
		</g>
    <g id="nine">
      <path d="M200.7 681.1v2.9c0 .2-.1.3-.2.4-.1.1-.3.1-.4.1-.2 0-.3 0-.5-.1-.1-.1-.2-.2-.2-.4v-15.9c0-.2.1-.3.2-.4.1-.1.3-.2.4-.2.2 0 .4.1.5.2.1.1.2.3.2.4v2.9h71v-2.9c.2-.3.4-.5.6-.5.2 0 .4.2.6.5v16.3c-.2.4-.4.5-.6.5s-.4-.2-.6-.5v-3.3h-71zM200.7 662v2.3c0 .2-.1.3-.2.4-.1.1-.3.2-.4.2s-.3-.1-.4-.2c-.1-.1-.2-.3-.2-.4v-16.4c0-.2.1-.3.2-.4.1-.1.3-.2.4-.2s.3.1.4.2.2.3.2.4v3.9l26.3-6.7-19.4-6c-1.1-.3-2.1-.5-3-.5-1.1 0-2 .2-2.6.6-.6.4-.9 1-1.1 1.8l-.2 2.2c-.1.2-.3.3-.6.3-.2 0-.4-.2-.6-.5v-11c.2-.4.5-.5.7-.5.3 0 .5.1.6.2l.1 1.5c.2.8.8 1.6 1.6 2.3.9.8 1.8 1.3 2.9 1.7l23.8 7.4 42.6-10.9v-2.2c.2-.4.4-.5.6-.5s.3 0 .4.1.2.2.2.4v15.6c0 .2-.1.3-.2.4-.1.1-.3.2-.4.2s-.3-.1-.4-.2c-.1-.1-.2-.3-.2-.4v-3.4l-29.1 7.5 22.4 6.9c1 .3 2 .4 3 .4s1.8-.3 2.4-.9c.9-.9 1.3-1.8 1.3-2.6v-1.3c0-.2.1-.3.2-.4.1-.1.3-.2.4-.2s.3.1.4.2c.1.1.2.3.2.4v11.5c-.2.4-.4.5-.6.5s-.3 0-.4-.1-.2-.2-.2-.4c-.5-2.7-2.9-4.7-7.2-6l-24.4-7.4-39.5 10.2z" class="primary-fill"/>
    </g>
    <g id="eight">
      <path d="M281.8 920.2l1.2 2.2c.1.1.1.3.1.4 0 .2-.1.3-.3.4-.2.1-.3.1-.5.1s-.3-.1-.4-.3l-7.8-13.5c-.1-.1-.1-.3-.1-.4 0-.2.1-.3.3-.4.2-.1.3-.1.5-.1s.3.1.4.3l1.5 2.6 44.7-30.8-45.4 19.5-1.2.6c-.9.5-1.6 1.1-1.9 1.6-.3.5-.4 1.1-.3 1.6l.7 1.4c0 .2-.1.4-.4.5-.2.1-.4 0-.8-.1l-3.7-6.4c-.1-.1-.1-.3-.1-.4 0-.1.1-.2.3-.3.1-.1.3-.1.4-.1s.3.1.4.3c.5.6 1.1 1 1.8 1.1 1.2.1 2.9-.3 5.1-1.3l57.2-24.5c2.3-1 3.6-1.5 3.9-1.5.3 0 .5.2.7.5l2.3 4c.1.2.1.5 0 .7-.2.2-1.7 1.4-4.5 3.4l-54.1 38.9zM267.2 894.9l1.5 2.5c.1.1.1.3 0 .4s-.1.3-.3.3c-.2.1-.3.1-.5.1-.1 0-.3-.1-.3-.3l-7.9-13.7c-.1-.1-.1-.3-.1-.4 0-.2.1-.3.3-.4.2-.1.3-.1.5-.1s.3.1.4.3l1.5 2.5 61.5-35.5-1.5-2.5c0-.4.1-.6.3-.7.2-.1.4-.1.8.1l8.1 14.1c0 .4-.1.7-.3.8s-.4 0-.8-.2l-1.7-2.9-61.5 35.6zM257.6 878.3l1.5 2.5c.1.1.1.3 0 .4s-.1.3-.3.3c-.2.1-.3.1-.5.1s-.3-.1-.3-.3l-7.9-13.7c-.1-.1-.1-.3-.1-.4s.1-.3.3-.4c.2-.1.3-.1.5-.1s.3.1.4.3l1.5 2.5 61.5-35.5-1.5-2.5c0-.4.1-.6.3-.7.2-.1.4-.1.8.1l8.1 14.1c0 .4-.1.7-.3.8s-.4 0-.8-.2l-1.7-2.9-61.5 35.6zM248 861.7l1.5 2.5c.1.1.1.3 0 .4 0 .1-.1.3-.3.3-.2.1-.3.1-.5.1s-.3-.1-.3-.3l-7.9-13.7c-.1-.1-.1-.3-.1-.4 0-.2.1-.3.3-.4.2-.1.3-.1.5-.1s.3.1.4.3l1.5 2.5 61.5-35.5-1.6-2.4c0-.4.1-.6.3-.7.2-.1.4-.1.8.1l8.1 14.1c0 .4-.1.7-.3.8s-.4 0-.8-.2l-1.7-2.9-61.4 35.5z" class="primary-fill"/>
    </g>
    <g id="seven">
      <path d="M455.1 1067.9l2.2 1.2.3.3c0 .2 0 .3-.1.5s-.2.3-.4.3-.3 0-.4-.1l-13.5-7.8-.3-.3s0-.3.1-.5.2-.3.4-.3c.1 0 .3 0 .5.1l2.6 1.5 23.4-49-29.6 39.6c-.3.4-.5.7-.8 1.1-.5.9-.8 1.7-.8 2.3 0 .6.2 1.1.6 1.5l1.3.9c.1.2.1.4 0 .7-.1.2-.4.3-.8.3l-6.4-3.7-.3-.3c0-.1 0-.3.1-.4l.3-.3h.5c.7.3 1.4.3 2.1 0 1.1-.5 2.3-1.7 3.7-3.6l37.3-49.8c1.5-2.1 2.4-3.1 2.6-3.3.2-.1.5-.1.8.1l4 2.3c.2.1.3.3.3.6s-.7 2-2.2 5.2l-27.5 60.9zM429.8 1053.3l2.5 1.5.3.3c0 .1 0 .3-.1.4-.1.2-.2.3-.4.3h-.4l-13.7-7.9c-.1-.1-.2-.2-.3-.4 0-.2 0-.3.1-.4.1-.2.2-.3.4-.3s.3 0 .4.1l2.5 1.5 35.5-61.5-2.5-1.5c-.2-.4-.2-.6-.1-.8.1-.2.4-.3.7-.3l14.1 8.1c.2.4.3.6.2.8s-.4.2-.8.3l-2.9-1.7-35.5 61.5zM413.2 1043.7l2.5 1.5.3.3c0 .1 0 .3-.1.4-.1.2-.2.3-.4.3-.1.1-.3 0-.4 0l-13.7-7.9c-.1-.1-.2-.2-.3-.4 0-.2 0-.3.1-.4.1-.2.2-.3.4-.3s.3 0 .4.1l2.5 1.5 35.5-61.5-2.5-1.5c-.2-.4-.2-.6-.1-.8.1-.2.4-.3.7-.3l14.1 8.1c.2.4.3.6.2.8s-.3.2-.8.3l-2.9-1.7-35.5 61.5z" class="primary-fill"/>
    </g>
    <g id="six">
      <path d="M677.9 1114h2.5c.2 0 .3.1.4.2.1.1.2.3.2.4s-.1.3-.2.4c-.1.1-.3.2-.4.2h-15.6c-.2 0-.3-.1-.4-.2-.1-.1-.2-.3-.2-.4s0-.3.1-.4c.1-.1.2-.2.4-.2h3l-4.3-54.1-5.8 49.1c-.1.5-.1.9-.1 1.4 0 1.1.1 1.9.4 2.4.3.6.7.9 1.3 1l1.6.1c.2.1.3.3.3.6 0 .2-.2.4-.5.6h-7.4c-.2 0-.3 0-.4-.1s-.1-.2-.1-.4 0-.3.1-.4c.1-.1.2-.2.4-.2.8-.1 1.4-.4 1.8-1 .7-1 1.2-2.7 1.4-5l7.4-61.8c.3-2.5.5-3.9.6-4.2.1-.2.4-.3.7-.3h4.7c.3 0 .5.1.6.4.1.3.4 2.1.7 5.6l6.8 66.3zM648.6 1114h2.9c.2 0 .3.1.4.2.1.1.1.3.1.4 0 .2 0 .3-.1.5-.1.1-.2.2-.4.2h-15.9c-.2 0-.3-.1-.4-.2-.1-.1-.2-.3-.2-.4 0-.2.1-.4.2-.5.1-.1.3-.2.4-.2h2.9v-71h-2.9c-.3-.2-.5-.4-.5-.6 0-.2.2-.4.5-.6h16.3c.4.2.5.4.5.6s-.2.4-.5.6h-3.3v71z" class="primary-fill"/>
    </g>
		<g id="five">
    	<path d="M895 1047.2l2.2-1.2c.1-.1.3-.1.4-.1.2 0 .3.1.4.3s.1.3.1.5-.1.3-.3.4l-13.5 7.8c-.1.1-.3.1-.4.1-.2 0-.3-.1-.4-.3s-.1-.3-.1-.5c0-.1.1-.3.3-.4l2.6-1.5-30.8-44.7L875 1053l.6 1.2c.5.9 1.1 1.6 1.6 1.9.5.3 1.1.4 1.6.3l1.4-.7c.2 0 .4.1.5.4.1.2 0 .4-.2.8l-6.4 3.7c-.1.1-.3.1-.4.1-.1 0-.2-.1-.3-.3-.1-.1-.1-.3-.1-.4 0-.1.1-.3.3-.4.6-.5 1-1.1 1.1-1.8.1-1.2-.3-2.9-1.3-5.1L849 995.6c-1-2.3-1.5-3.6-1.5-3.9 0-.3.2-.5.5-.7l4-2.3c.2-.1.5-.1.7 0 .2.2 1.4 1.7 3.4 4.5l38.9 54z" class="primary-fill"/>
		</g>
    <g id="four">
      <path d="M1062.4 868.5l1.5-2.5.3-.3c.1 0 .3 0 .4.1.2.1.3.2.3.4v.4l-7.9 13.7c-.1.1-.2.2-.4.3-.2 0-.3 0-.4-.1-.2-.1-.3-.2-.3-.4s0-.3.1-.4l1.5-2.5-61.5-35.5-1.5 2.5c-.4.2-.6.2-.8.1-.2-.1-.3-.4-.3-.7l8.1-14.1c.4-.2.6-.3.8-.2.2.1.2.3.3.8l-1.7 2.9 61.5 35.5zM1053.2 884.5l1.2-2.2.3-.3c.2 0 .3 0 .5.1s.3.2.3.4 0 .3-.1.4l-7.8 13.5-.3.3c-.2 0-.3 0-.5-.1s-.3-.2-.3-.3c0-.1 0-.3.1-.5l1.5-2.6-49-23.4 39.6 29.6c.4.3.7.5 1.1.8.9.5 1.7.8 2.3.8.6 0 1.1-.2 1.5-.6l.9-1.3c.2-.1.4-.1.7 0 .2.1.3.4.3.8l-3.7 6.4-.3.3c-.1 0-.3 0-.4-.1l-.3-.3v-.5c.3-.7.3-1.4 0-2.1-.5-1.1-1.7-2.3-3.6-3.7l-49.8-37.3c-2.1-1.5-3.1-2.4-3.3-2.6-.1-.2-.1-.5.1-.8l2.3-4c.1-.2.3-.3.6-.3s2 .7 5.2 2.2l60.9 27.4z" class="primary-fill"/>
    </g>
    <g id="three">
      <path d="M1113.7 632.6v-2.9c0-.2.1-.3.2-.4.1-.1.3-.1.4-.1.2 0 .3 0 .5.1.1.1.2.2.2.4v15.9c0 .2-.1.3-.2.4-.1.1-.3.2-.4.2-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.4v-2.9h-71v2.9c-.2.3-.4.5-.6.5-.2 0-.4-.2-.6-.5v-16.3c.2-.4.4-.5.6-.5s.4.2.6.5v3.3h71zM1113.7 651.8v-2.9c0-.2.1-.3.2-.4.1-.1.3-.1.4-.1.2 0 .3 0 .5.1.1.1.2.2.2.4v15.9c0 .2-.1.3-.2.4-.1.1-.3.2-.4.2-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.4v-2.9h-71v2.9c-.2.3-.4.5-.6.5-.2 0-.4-.2-.6-.5v-16.3c.2-.4.4-.5.6-.5s.4.2.6.5v3.3h71zM1113.7 671v-2.9c0-.2.1-.3.2-.4.1-.1.3-.1.4-.1.2 0 .3 0 .5.1.1.1.2.2.2.4V684c0 .2-.1.3-.2.4-.1.1-.3.2-.4.2-.2 0-.4-.1-.5-.2-.1-.1-.2-.3-.2-.4v-3h-71v2.9c-.2.3-.4.5-.6.5-.2 0-.4-.2-.6-.5v-16.3c.2-.4.4-.5.6-.5s.4.2.6.5v3.3h71z" class="primary-fill"/>
    </g>
    <g id="two">
      <path d="M1044.8 416.1l-1.5-2.5c-.1-.1-.1-.3 0-.4s.1-.3.3-.3c.2-.1.3-.1.5-.1.1 0 .3.1.3.3l7.9 13.7c.1.1.1.3.1.4 0 .2-.1.3-.3.4-.2.1-.3.1-.5.1s-.3-.1-.4-.3l-1.5-2.5-61.5 35.5 1.5 2.5c0 .4-.1.6-.3.7-.2.1-.4.1-.8-.1l-8.1-14.1c0-.4.1-.7.3-.8s.4 0 .8.2l1.7 2.9 61.5-35.6zM1054.4 432.7l-1.5-2.5c-.1-.1-.1-.3 0-.4 0-.1.1-.3.3-.3.2-.1.3-.1.5-.1.1 0 .3.1.3.3l7.9 13.7c.1.1.1.3.1.4 0 .2-.1.3-.3.4-.2.1-.3.1-.5.1s-.3-.1-.4-.3l-1.5-2.5-61.5 35.5 1.5 2.5c0 .4-.1.6-.3.7-.2.1-.4.1-.8-.1l-8.1-14.1c0-.4.1-.7.3-.8s.4 0 .8.2l1.7 2.9 61.5-35.6z" class="primary-fill"/>
    </g>
		<g id="one">
    	<path d="M880.5 259.4l-2.5-1.5-.3-.3c0-.1 0-.3.1-.4.1-.2.2-.3.4-.3h.4l13.7 7.9c.1.1.2.2.3.4 0 .2 0 .3-.1.4-.1.2-.2.3-.4.3s-.3 0-.4-.1l-2.5-1.5-35.5 61.5 2.5 1.5c.2.4.2.6.1.8-.1.2-.4.3-.7.3l-14.1-8.1c-.2-.4-.3-.6-.2-.8.1-.2.3-.2.8-.3l2.9 1.7 35.5-61.5z" class="primary-fill"/>
		</g>
    <g id="twelve">
      <path d="M623.9 201h-2.3c-.2 0-.3-.1-.4-.2-.1-.1-.2-.3-.2-.4s.1-.3.2-.4c.1-.1.3-.2.4-.2H638c.2 0 .3.1.4.2.1.1.2.3.2.4s-.1.3-.2.4-.3.2-.4.2h-3.9l6.7 26.3 6-19.4c.3-1.1.5-2.1.5-3 0-1.1-.2-2-.6-2.6-.4-.6-1-.9-1.8-1.1l-2.2-.2c-.2-.1-.3-.3-.3-.6 0-.2.2-.4.5-.6h11c.4.2.5.5.5.7 0 .3-.1.5-.2.6l-1.5.1c-.8.2-1.6.8-2.3 1.6-.8.9-1.3 1.8-1.7 2.9l-7.4 23.8 10.9 42.6h2.2c.4.2.5.4.5.6s0 .3-.1.4-.2.2-.4.2h-15.6c-.2 0-.3-.1-.4-.2-.1-.1-.2-.3-.2-.4s.1-.3.2-.4c.1-.1.3-.2.4-.2h3.4l-7.5-29.1-6.9 22.4c-.3 1-.4 2-.4 3s.3 1.8.9 2.4c.9.9 1.8 1.3 2.6 1.3h1.3c.2 0 .3.1.4.2.1.1.2.3.2.4s-.1.3-.2.4c-.1.1-.3.2-.4.2h-11.5c-.4-.2-.5-.4-.5-.6s0-.3.1-.4c.1-.1.2-.2.4-.2 2.7-.5 4.7-2.9 6-7.2l7.4-24.4-10.2-39.5zM659.8 201h-2.9c-.2 0-.3-.1-.4-.2-.1-.1-.1-.3-.1-.4 0-.2 0-.3.1-.5.1-.1.2-.2.4-.2h15.9c.2 0 .3.1.4.2.1.1.2.3.2.4 0 .2-.1.4-.2.5-.1.1-.3.2-.4.2h-2.9v71h2.9c.3.2.5.4.5.6 0 .2-.2.4-.5.6h-16.3c-.4-.2-.5-.4-.5-.6s.2-.4.5-.6h3.3v-71zM679 201h-2.9c-.2 0-.3-.1-.4-.2-.1-.1-.1-.3-.1-.4 0-.2 0-.3.1-.5.1-.1.2-.2.4-.2H692c.2 0 .3.1.4.2.1.1.2.3.2.4 0 .2-.1.4-.2.5-.1.1-.3.2-.4.2h-3v71h2.9c.3.2.5.4.5.6 0 .2-.2.4-.5.6h-16.3c-.4-.2-.5-.4-.5-.6s.2-.4.5-.6h3.3v-71z" class="primary-fill"/>
    </g>
  </g>
  <path id="ticks_band" d="M657.2 1183.5c-71 0-139.9-13.9-204.8-41.3-62.6-26.5-118.9-64.4-167.2-112.7-48.3-48.3-86.2-104.6-112.7-167.2-27.4-64.9-41.3-133.8-41.3-204.8s13.9-139.9 41.3-204.8c26.5-62.6 64.4-118.9 112.7-167.2 48.3-48.3 104.6-86.2 167.2-112.7 64.9-27.4 133.8-41.3 204.8-41.3s139.9 13.9 204.8 41.3c62.6 26.5 118.9 64.4 167.2 112.7 48.3 48.3 86.2 104.6 112.7 167.2 27.4 64.9 41.3 133.8 41.3 204.8s-13.9 139.9-41.3 204.8c-26.5 62.6-64.4 118.9-112.7 167.2s-104.6 86.2-167.2 112.7c-64.9 27.4-133.8 41.3-204.8 41.3zm0-1022c-273.5 0-496 222.5-496 496s222.5 496 496 496 496-222.5 496-496-222.5-496-496-496z" class="st9"/>
  <g id="ticks">
    <path id="minute_tick_59_" d="M663.8 145.5c-.5-2.7-2.6-4.9-5.4-5.4l-1.2-6.7-1.2 6.7c-2.7.5-4.9 2.6-5.4 5.4l-6.7 1.2 6.7 1.2c.5 2.7 2.6 4.9 5.4 5.4l1.2 6.7 1.2-6.7c2.7-.5 4.9-2.6 5.4-5.4l6.7-1.2-6.7-1.2zm-6.6 4.5c-1.8 0-3.3-1.5-3.3-3.3s1.5-3.3 3.3-3.3 3.3 1.5 3.3 3.3-1.5 3.3-3.3 3.3z" class="primary-fill"/>
    <path id="minute_tick_58_" d="M663.8 1167.1c-.5-2.7-2.6-4.9-5.4-5.4l-1.2-6.7-1.2 6.7c-2.7.5-4.9 2.6-5.4 5.4l-6.7 1.2 6.7 1.2c.5 2.7 2.6 4.9 5.4 5.4l1.2 6.7 1.2-6.7c2.7-.5 4.9-2.6 5.4-5.4l6.7-1.2-6.7-1.2zm-6.6 4.5c-1.8 0-3.3-1.5-3.3-3.3s1.5-3.3 3.3-3.3 3.3 1.5 3.3 3.3-1.5 3.3-3.3 3.3z" class="primary-fill"/>
    <path id="minute_tick_57_" d="M607.4 148.4c-.4-1.5-1.8-2.6-3.3-2.7L603 142l-.3 3.8c-1.5.4-2.6 1.8-2.7 3.3l-3.7 1.1 3.8.3c.4 1.5 1.8 2.6 3.3 2.7l1.1 3.7.3-3.8c1.5-.4 2.6-1.8 2.7-3.3l3.7-1.1-3.8-.3zm-3.4 2.9c-1 .1-1.9-.6-2-1.6-.1-1 .6-1.9 1.6-2 1-.1 1.9.6 2 1.6.1 1-.6 1.9-1.6 2z" class="primary-fill"/>
    <path id="minute_tick_56_" d="M714.2 1164.4c-.4-1.5-1.8-2.6-3.3-2.7l-1.1-3.7-.3 3.8c-1.5.4-2.6 1.8-2.7 3.3l-3.7 1.1 3.8.3c.4 1.5 1.8 2.6 3.3 2.7l1.1 3.7.3-3.8c1.5-.4 2.6-1.8 2.7-3.3l3.7-1.1-3.8-.3zm-3.4 2.9c-1 .1-1.9-.6-2-1.6s.6-1.9 1.6-2 1.9.6 2 1.6-.6 1.9-1.6 2z" class="primary-fill"/>
    <path id="minute_tick_55_" d="M554.5 156.4c-.6-1.4-2-2.4-3.6-2.3l-1.5-3.6.1 3.8c-1.4.6-2.4 2-2.3 3.6l-3.6 1.5 3.8-.1c.6 1.4 2 2.4 3.6 2.3l1.5 3.6-.1-3.8c1.4-.6 2.4-2 2.3-3.6l3.6-1.5-3.8.1zm-3.1 3.3c-1 .2-2-.4-2.2-1.4-.2-1 .4-2 1.4-2.2s2 .4 2.2 1.4c.2 1-.4 1.9-1.4 2.2z" class="primary-fill"/>
    <path id="minute_tick_54_" d="M766.9 1155.7c-.6-1.4-2-2.4-3.6-2.3l-1.5-3.6.1 3.8c-1.4.6-2.4 2-2.3 3.6l-3.6 1.5 3.8-.1c.6 1.4 2 2.4 3.6 2.3l1.5 3.6-.1-3.8c1.4-.6 2.4-2 2.3-3.6l3.6-1.5-3.8.1zm-3.1 3.2c-1 .2-2-.4-2.2-1.4-.2-1 .4-2 1.4-2.2s2 .4 2.2 1.4c.2 1-.4 2-1.4 2.2z" class="primary-fill"/>
    <path id="minute_tick_53_" d="M502.7 169.9c-.7-1.4-2.3-2.1-3.8-1.9l-1.8-3.4.5 3.8c-1.4.7-2.1 2.3-1.9 3.8l-3.4 1.8 3.8-.5c.7 1.4 2.3 2.1 3.8 1.9l1.8 3.4-.5-3.8c1.4-.7 2.1-2.3 1.9-3.8l3.4-1.8-3.8.5zm-2.8 3.5c-1 .3-2-.2-2.3-1.2-.3-1 .2-2 1.2-2.3 1-.3 2 .2 2.3 1.2.3 1-.2 2-1.2 2.3z" class="primary-fill"/>
    <path id="minute_tick_52_" d="M818.3 1141.5c-.7-1.4-2.3-2.1-3.8-1.9l-1.8-3.4.5 3.8c-1.4.7-2.1 2.3-1.9 3.8l-3.4 1.8 3.8-.5c.7 1.4 2.3 2.1 3.8 1.9l1.8 3.4-.5-3.8c1.4-.7 2.1-2.3 1.9-3.8l3.4-1.8-3.8.5zm-2.7 3.5c-1 .3-2-.2-2.3-1.2-.3-1 .2-2 1.2-2.3 1-.3 2 .2 2.3 1.2.3 1-.2 2-1.2 2.3z" class="primary-fill"/>
    <path id="minute_tick_51_" d="M452.5 188.7c-.9-1.3-2.5-1.9-4-1.5l-2.2-3.2.9 3.7c-1.3.9-1.9 2.5-1.5 4l-3.2 2.2 3.7-.9c.9 1.3 2.5 1.9 4 1.5l2.2 3.2-.9-3.7c1.3-.9 1.9-2.5 1.5-4l3.2-2.2-3.7.9zm-2.3 3.8c-.9.4-2 0-2.4-.9-.4-.9 0-2 .9-2.4.9-.4 2 0 2.4.9.4.9 0 2-.9 2.4z" class="primary-fill"/>
    <path id="minute_tick_50_" d="M868.1 1122c-.9-1.3-2.5-1.9-4-1.5l-2.2-3.2.9 3.7c-1.3.9-1.9 2.5-1.5 4l-3.2 2.2 3.7-.9c.9 1.3 2.5 1.9 4 1.5l2.2 3.2-.9-3.7c1.3-.9 1.9-2.5 1.5-4l3.2-2.2-3.7.9zm-2.4 3.8c-.9.4-2 0-2.4-.9-.4-.9 0-2 .9-2.4s2 0 2.4.9c.4.9 0 2-.9 2.4z" class="primary-fill"/>
    <path id="minute_tick_49_" d="M406.9 210.8c-1.8-2.1-4.7-2.9-7.3-2l-4.4-5.2 2.3 6.4c-2.1 1.8-2.9 4.7-2 7.3l-5.2 4.4 6.4-2.3c1.8 2.1 4.7 2.9 7.3 2l4.4 5.2-2.3-6.4c2.1-1.8 2.9-4.7 2-7.3l5.2-4.4-6.4 2.3zm-3.5 7.2c-1.6.9-3.6.4-4.5-1.2s-.4-3.6 1.2-4.5 3.6-.4 4.5 1.2.4 3.6-1.2 4.5z" class="primary-fill"/>
    <path id="minute_tick_48_" d="M917.7 1095.5c-1.8-2.1-4.7-2.9-7.3-2l-4.4-5.2 2.3 6.4c-2.1 1.8-2.9 4.7-2 7.3l-5.2 4.4 6.4-2.3c1.8 2.1 4.7 2.9 7.3 2l4.4 5.2-2.3-6.4c2.1-1.8 2.9-4.7 2-7.3l5.2-4.4-6.4 2.3zm-3.5 7.2c-1.6.9-3.6.4-4.5-1.2-.9-1.6-.4-3.6 1.2-4.5 1.6-.9 3.6-.4 4.5 1.2.9 1.6.4 3.6-1.2 4.5z" class="primary-fill"/>
    <path id="minute_tick_47_" d="M359.5 241.5c-1.1-1.1-2.8-1.3-4.2-.7l-2.8-2.7 1.7 3.5c-1.1 1.1-1.3 2.8-.7 4.2l-2.7 2.8 3.5-1.7c1.1 1.1 2.8 1.3 4.2.7l2.8 2.7-1.7-3.5c1.1-1.1 1.3-2.8.7-4.2l2.7-2.8-3.5 1.7zm-1.5 4.2c-.8.6-2 .4-2.6-.4-.6-.8-.4-2 .4-2.6.8-.6 2-.4 2.6.4.6.9.4 2-.4 2.6z" class="primary-fill"/>
    <path id="minute_tick_46_" d="M960 1068c-1.1-1.1-2.8-1.3-4.2-.7l-2.8-2.7 1.7 3.5c-1.1 1.1-1.3 2.8-.7 4.2l-2.7 2.8 3.5-1.7c1.1 1.1 2.8 1.3 4.2.7l2.8 2.7-1.7-3.5c1.1-1.1 1.3-2.8.7-4.2l2.7-2.8-3.5 1.7zm-1.5 4.2c-.8.6-2 .4-2.6-.4-.6-.8-.4-2 .4-2.6.8-.6 2-.4 2.6.4s.4 2-.4 2.6z" class="primary-fill"/>
    <path id="minute_tick_45_" d="M317.7 274.9c-1.2-.9-2.9-1-4.3-.2l-3.1-2.3 2 3.3c-.9 1.2-1 2.9-.2 4.3l-2.3 3.1 3.3-2c1.2.9 2.9 1 4.3.2l3.1 2.3-2-3.3c.9-1.2 1-2.9.2-4.3l2.3-3.1-3.3 2zm-1.1 4.4c-.8.7-1.9.6-2.6-.1-.7-.8-.6-1.9.1-2.6.8-.7 1.9-.6 2.6.1.7.7.7 1.9-.1 2.6z" class="primary-fill"/>
    <path id="minute_tick_44_" d="M1001.3 1034.1c-1.2-.9-2.9-1-4.3-.2l-3.1-2.3 2 3.3c-.9 1.2-1 2.9-.2 4.3l-2.3 3.1 3.3-2c1.2.9 2.9 1 4.3.2l3.1 2.3-2-3.3c.9-1.2 1-2.9.2-4.3l2.3-3.1-3.3 2zm-1.1 4.4c-.8.7-1.9.6-2.6-.1s-.6-1.9.1-2.6c.8-.7 1.9-.6 2.6.1.7.7.7 1.9-.1 2.6z" class="primary-fill"/>
    <path id="minute_tick_43_" d="M279.6 312.5c-1.3-.8-3-.7-4.3.2l-3.3-2 2.3 3.1c-.8 1.3-.7 3 .2 4.3l-2 3.3 3.1-2.3c1.3.8 3 .7 4.3-.2l3.3 2-2.3-3.1c.8-1.3.7-3-.2-4.3l2-3.3-3.1 2.3zm-.7 4.4c-.7.8-1.8.8-2.6.1-.8-.7-.8-1.8-.1-2.6.7-.8 1.8-.8 2.6-.1.8.7.8 1.9.1 2.6z" class="primary-fill"/>
    <path id="minute_tick_42_" d="M1038.8 996.1c-1.3-.8-3-.7-4.3.2l-3.3-2 2.3 3.1c-.8 1.3-.7 3 .2 4.3l-2 3.3 3.1-2.3c1.3.8 3 .7 4.3-.2l3.3 2-2.3-3.1c.8-1.3.7-3-.2-4.3l2-3.3-3.1 2.3zm-.7 4.4c-.7.8-1.8.8-2.6.1-.8-.7-.8-1.8-.1-2.6.7-.8 1.8-.8 2.6-.1.8.7.8 1.9.1 2.6z" class="primary-fill"/>
    <path id="minute_tick_41_" d="M245.6 353.8c-1.4-.7-3.1-.4-4.2.7l-3.5-1.7 2.7 2.8c-.7 1.4-.4 3.1.7 4.2l-1.7 3.5 2.8-2.7c1.4.7 3.1.4 4.2-.7l3.5 1.7-2.7-2.8c.7-1.4.4-3.1-.7-4.2l1.7-3.5-2.8 2.7zm-.2 4.5c-.6.8-1.7 1-2.6.4-.8-.6-1-1.7-.4-2.6s1.7-1 2.6-.4c.8.7 1 1.8.4 2.6z" class="primary-fill"/>
    <path id="minute_tick_40_" d="M1072.1 954.3c-1.4-.7-3.1-.4-4.2.7l-3.5-1.7 2.7 2.8c-.7 1.4-.4 3.1.7 4.2l-1.7 3.5 2.8-2.7c1.4.7 3.1.4 4.2-.7l3.5 1.7-2.7-2.8c.7-1.4.4-3.1-.7-4.2l1.7-3.5-2.8 2.7zm-.2 4.5c-.6.8-1.7 1-2.6.4-.8-.6-1-1.7-.4-2.6.6-.8 1.7-1 2.6-.4.8.7 1 1.8.4 2.6z" class="primary-fill"/>
    <path id="minute_tick_39_" d="M217 395.8c-2.6-.9-5.5-.1-7.3 2l-6.4-2.3 5.2 4.4c-.9 2.6-.1 5.5 2 7.3l-2.3 6.4 4.4-5.2c2.6.9 5.5.1 7.3-2l6.4 2.3-5.2-4.4c.9-2.6.1-5.5-2-7.3l2.3-6.4-4.4 5.2zm.6 7.9c-.9 1.6-2.9 2.1-4.5 1.2s-2.1-2.9-1.2-4.5 2.9-2.1 4.5-1.2 2.1 3 1.2 4.5z" class="primary-fill"/>
    <path id="minute_tick_38_" d="M1101.8 906.6c-2.6-.9-5.5-.1-7.3 2l-6.4-2.3 5.2 4.4c-.9 2.6-.1 5.5 2 7.3l-2.3 6.4 4.4-5.2c2.6.9 5.5.1 7.3-2l6.4 2.3-5.2-4.4c.9-2.6.1-5.5-2-7.3l2.3-6.4-4.4 5.2zm.6 7.9c-.9 1.6-2.9 2.1-4.5 1.2-1.6-.9-2.1-2.9-1.2-4.5.9-1.6 2.9-2.1 4.5-1.2 1.5 1 2.1 3 1.2 4.5z" class="primary-fill"/>
    <path id="minute_tick_37_" d="M191.4 446.1c-1.5-.4-3.1.2-4 1.5l-3.7-.9 3.2 2.2c-.4 1.5.2 3.1 1.5 4l-.9 3.7 2.2-3.2c1.5.4 3.1-.2 4-1.5l3.7.9-3.2-2.2c.4-1.5-.2-3.1-1.5-4l.9-3.7-2.2 3.2zm.8 4.4c-.4.9-1.5 1.3-2.4.9-.9-.4-1.3-1.5-.9-2.4.4-.9 1.5-1.3 2.4-.9.9.4 1.3 1.5.9 2.4z" class="primary-fill"/>
    <path id="minute_tick_36_" d="M1124.7 861.6c-1.5-.4-3.1.2-4 1.5l-3.7-.9 3.2 2.2c-.4 1.5.2 3.1 1.5 4l-.9 3.7 2.2-3.2c1.5.4 3.1-.2 4-1.5l3.7.9-3.2-2.2c.4-1.5-.2-3.1-1.5-4l.9-3.7-2.2 3.2zm.8 4.4c-.4.9-1.5 1.3-2.4.9s-1.3-1.5-.9-2.4c.4-.9 1.5-1.3 2.4-.9.9.4 1.3 1.5.9 2.4z" class="primary-fill"/>
    <path id="minute_tick_35_" d="M171.9 495.9c-1.5-.2-3.1.6-3.8 1.9l-3.8-.5 3.4 1.8c-.2 1.5.6 3.1 1.9 3.8l-.5 3.8 1.8-3.4c1.5.2 3.1-.6 3.8-1.9l3.8.5-3.4-1.8c.2-1.5-.6-3.1-1.9-3.8l.5-3.8-1.8 3.4zm1.2 4.3c-.3 1-1.3 1.5-2.3 1.2-1-.3-1.5-1.3-1.2-2.3.3-1 1.3-1.5 2.3-1.2 1 .3 1.5 1.4 1.2 2.3z" class="primary-fill"/>
    <path id="minute_tick_34_" d="M1143.5 811.6c-1.5-.2-3.1.6-3.8 1.9l-3.8-.5 3.4 1.8c-.2 1.5.6 3.1 1.9 3.8l-.5 3.8 1.8-3.4c1.5.2 3.1-.6 3.8-1.9l3.8.5-3.4-1.8c.2-1.5-.6-3.1-1.9-3.8l.5-3.8-1.8 3.4zm1.2 4.3c-.3 1-1.3 1.5-2.3 1.2-1-.3-1.5-1.3-1.2-2.3s1.3-1.5 2.3-1.2c1 .3 1.5 1.3 1.2 2.3z" class="primary-fill"/>
    <path id="minute_tick_33_" d="M157.6 547.5c-1.6 0-3 .9-3.6 2.3l-3.8-.1 3.6 1.5c0 1.6.9 3 2.3 3.6l-.1 3.8 1.5-3.6c1.6 0 3-.9 3.6-2.3l3.8.1-3.6-1.5c0-1.6-.9-3-2.3-3.6l.1-3.8-1.5 3.6zm1.7 4.2c-.2 1-1.2 1.6-2.2 1.4s-1.6-1.2-1.4-2.2 1.2-1.6 2.2-1.4 1.7 1.2 1.4 2.2z" class="primary-fill"/>
    <path id="minute_tick_32_" d="M1156.9 759.9c-1.6 0-3 .9-3.6 2.3l-3.8-.1 3.6 1.5c0 1.6.9 3 2.3 3.6l-.1 3.8 1.5-3.6c1.6 0 3-.9 3.6-2.3l3.8.1-3.6-1.5c0-1.6-.9-3-2.3-3.6l.1-3.8-1.5 3.6zm1.7 4.2c-.2 1-1.2 1.6-2.2 1.4s-1.6-1.2-1.4-2.2c.2-1 1.2-1.6 2.2-1.4s1.6 1.2 1.4 2.2z" class="primary-fill"/>
    <path id="minute_tick_31_" d="M148.9 600.3c-1.6.1-2.9 1.2-3.3 2.7l-3.8.3 3.7 1.1c.1 1.6 1.2 2.9 2.7 3.3l.3 3.8 1.1-3.7c1.6-.1 2.9-1.2 3.3-2.7l3.8-.3-3.7-1.1c-.1-1.6-1.2-2.9-2.7-3.3l-.3-3.8-1.1 3.7zm2.1 4c-.1 1-1 1.7-2 1.6-1-.1-1.7-1-1.6-2 .1-1 1-1.7 2-1.6 1 .1 1.7 1 1.6 2z" class="primary-fill"/>
    <path id="minute_tick_30_" d="M1164.9 707.1c-1.6.1-2.9 1.2-3.3 2.7l-3.8.3 3.7 1.1c.1 1.6 1.2 2.9 2.7 3.3l.3 3.8 1.1-3.7c1.6-.1 2.9-1.2 3.3-2.7l3.8-.3-3.7-1.1c-.1-1.6-1.2-2.9-2.7-3.3l-.3-3.8-1.1 3.7zm2.1 4c-.1 1-1 1.7-2 1.6-1-.1-1.7-1-1.6-2s1-1.7 2-1.6c1 .1 1.7 1 1.6 2z" class="primary-fill"/>
    <path id="minute_tick_29_" d="M145.1 650.9c-2.7.5-4.9 2.6-5.4 5.4l-6.7 1.2 6.7 1.2c.5 2.7 2.6 4.9 5.4 5.4l1.2 6.7 1.2-6.7c2.7-.5 4.9-2.6 5.4-5.4l6.7-1.2-6.7-1.2c-.5-2.7-2.6-4.9-5.4-5.4l-1.2-6.7-1.2 6.7zm4.5 6.6c0 1.8-1.5 3.3-3.3 3.3s-3.3-1.5-3.3-3.3 1.5-3.3 3.3-3.3 3.3 1.5 3.3 3.3z" class="primary-fill"/>
    <path id="minute_tick_28_" d="M1166.8 650.9c-2.7.5-4.9 2.6-5.4 5.4l-6.7 1.2 6.7 1.2c.5 2.7 2.6 4.9 5.4 5.4l1.2 6.7 1.2-6.7c2.7-.5 4.9-2.6 5.4-5.4l6.7-1.2-6.7-1.2c-.5-2.7-2.6-4.9-5.4-5.4l-1.2-6.7-1.2 6.7zm4.4 6.6c0 1.8-1.5 3.3-3.3 3.3s-3.3-1.5-3.3-3.3 1.5-3.3 3.3-3.3 3.3 1.5 3.3 3.3z" class="primary-fill"/>
    <path id="minute_tick_27_" d="M148.1 707.3c-1.5.4-2.6 1.8-2.7 3.3l-3.7 1.1 3.8.3c.4 1.5 1.8 2.6 3.3 2.7l1.1 3.7.3-3.8c1.5-.4 2.6-1.8 2.7-3.3l3.7-1.1-3.8-.3c-.4-1.5-1.8-2.6-3.3-2.7l-1.1-3.7-.3 3.8zm2.9 3.4c.1 1-.6 1.9-1.6 2-1 .1-1.9-.6-2-1.6-.1-1 .6-1.9 1.6-2 1-.1 1.9.6 2 1.6z" class="primary-fill"/>
    <path id="minute_tick_26_" d="M1164.1 600.5c-1.5.4-2.6 1.8-2.7 3.3l-3.7 1.1 3.8.3c.4 1.5 1.8 2.6 3.3 2.7l1.1 3.7.3-3.8c1.5-.4 2.6-1.8 2.7-3.3l3.7-1.1-3.8-.3c-.4-1.5-1.8-2.6-3.3-2.7l-1.1-3.7-.3 3.8zm2.9 3.4c.1 1-.6 1.9-1.6 2-1 .1-1.9-.6-2-1.6s.6-1.9 1.6-2c1-.1 1.9.6 2 1.6z" class="primary-fill"/>
    <path id="minute_tick_25_" d="M156.1 760.2c-1.4.6-2.4 2-2.3 3.6l-3.6 1.5 3.8-.1c.6 1.4 2 2.4 3.6 2.3l1.5 3.6-.1-3.8c1.4-.6 2.4-2 2.3-3.6l3.6-1.5-3.8.1c-.6-1.4-2-2.4-3.6-2.3l-1.5-3.6.1 3.8zm3.2 3.1c.2 1-.4 2-1.4 2.2s-2-.4-2.2-1.4.4-2 1.4-2.2 2 .4 2.2 1.4z" class="primary-fill"/>
    <path id="minute_tick_24_" d="M1155.4 547.8c-1.4.6-2.4 2-2.3 3.6l-3.6 1.5 3.8-.1c.6 1.4 2 2.4 3.6 2.3l1.5 3.6-.1-3.8c1.4-.6 2.4-2 2.3-3.6l3.6-1.5-3.8.1c-.6-1.4-2-2.4-3.6-2.3l-1.5-3.6.1 3.8zm3.2 3.1c.2 1-.4 2-1.4 2.2s-2-.4-2.2-1.4c-.2-1 .4-2 1.4-2.2s2 .4 2.2 1.4z" class="primary-fill"/>
    <path id="minute_tick_23_" d="M169.6 812c-1.4.7-2.1 2.3-1.9 3.8l-3.4 1.8 3.8-.5c.7 1.4 2.3 2.1 3.8 1.9l1.8 3.4-.5-3.8c1.4-.7 2.1-2.3 1.9-3.8l3.4-1.8-3.8.5c-.7-1.4-2.3-2.1-3.8-1.9l-1.8-3.4.5 3.8zm3.5 2.8c.3 1-.2 2-1.2 2.3s-2-.2-2.3-1.2c-.3-1 .2-2 1.2-2.3 1-.3 2 .2 2.3 1.2z" class="primary-fill"/>
    <path id="minute_tick_22_" d="M1141.2 496.3c-1.4.7-2.1 2.3-1.9 3.8l-3.4 1.8 3.8-.5c.7 1.4 2.3 2.1 3.8 1.9l1.8 3.4-.5-3.8c1.4-.7 2.1-2.3 1.9-3.8l3.4-1.8-3.8.5c-.7-1.4-2.3-2.1-3.8-1.9l-1.8-3.4.5 3.8zm3.5 2.8c.3 1-.2 2-1.2 2.3-1 .3-2-.2-2.3-1.2s.2-2 1.2-2.3c1-.3 2 .2 2.3 1.2z" class="primary-fill"/>
    <path id="minute_tick_21_" d="M188.4 862.2c-1.3.9-1.9 2.5-1.5 4l-3.2 2.2 3.7-.9c.9 1.3 2.5 1.9 4 1.5l2.2 3.2-.9-3.7c1.3-.9 1.9-2.5 1.5-4l3.2-2.2-3.7.9c-.9-1.3-2.5-1.9-4-1.5l-2.2-3.2.9 3.7zm3.8 2.3c.4.9 0 2-.9 2.4-.9.4-2 0-2.4-.9s0-2 .9-2.4c.9-.4 2 0 2.4.9z" class="primary-fill"/>
    <path id="minute_tick_20_" d="M1121.7 446.6c-1.3.9-1.9 2.5-1.5 4l-3.2 2.2 3.7-.9c.9 1.3 2.5 1.9 4 1.5l2.2 3.2-.9-3.7c1.3-.9 1.9-2.5 1.5-4l3.2-2.2-3.7.9c-.9-1.3-2.5-1.9-4-1.5l-2.2-3.2.9 3.7zm3.8 2.4c.4.9 0 2-.9 2.4-.9.4-2 0-2.4-.9-.4-.9 0-2 .9-2.4.9-.4 2 0 2.4.9z" class="primary-fill"/>
    <path id="minute_tick_19_" d="M210.4 907.8c-2.1 1.8-2.9 4.7-2 7.3l-5.2 4.4 6.4-2.3c1.8 2.1 4.7 2.9 7.3 2l4.4 5.2-2.3-6.4c2.1-1.8 2.9-4.7 2-7.3l5.2-4.4-6.4 2.3c-1.8-2.1-4.7-2.9-7.3-2l-4.4-5.2 2.3 6.4zm7.2 3.5c.9 1.6.4 3.6-1.2 4.5s-3.6.4-4.5-1.2c-.9-1.6-.4-3.6 1.2-4.5s3.6-.4 4.5 1.2z" class="primary-fill"/>
    <path id="minute_tick_18_" d="M1095.2 397c-2.1 1.8-2.9 4.7-2 7.3l-5.2 4.4 6.4-2.3c1.8 2.1 4.7 2.9 7.3 2l4.4 5.2-2.3-6.4c2.1-1.8 2.9-4.7 2-7.3l5.2-4.4-6.4 2.3c-1.8-2.1-4.7-2.9-7.3-2l-4.4-5.2 2.3 6.4zm7.2 3.5c.9 1.6.4 3.6-1.2 4.5-1.6.9-3.6.4-4.5-1.2-.9-1.6-.4-3.6 1.2-4.5 1.6-.9 3.6-.4 4.5 1.2z" class="primary-fill"/>
    <path id="minute_tick_17_" d="M241.2 955.1c-1.1 1.1-1.3 2.8-.7 4.2l-2.7 2.8 3.5-1.7c1.1 1.1 2.8 1.3 4.2.7l2.8 2.7-1.7-3.5c1.1-1.1 1.3-2.8.7-4.2l2.7-2.8-3.5 1.7c-1.1-1.1-2.8-1.3-4.2-.7l-2.8-2.7 1.7 3.5zm4.2 1.6c.6.8.4 2-.4 2.6-.8.6-2 .4-2.6-.4-.6-.8-.4-2 .4-2.6.9-.6 2-.5 2.6.4z" class="primary-fill"/>
    <path id="minute_tick_16_" d="M1067.7 354.7c-1.1 1.1-1.3 2.8-.7 4.2l-2.7 2.8 3.5-1.7c1.1 1.1 2.8 1.3 4.2.7l2.8 2.7-1.7-3.5c1.1-1.1 1.3-2.8.7-4.2l2.7-2.8-3.5 1.7c-1.1-1.1-2.8-1.3-4.2-.7l-2.8-2.7 1.7 3.5zm4.2 1.5c.6.8.4 2-.4 2.6-.8.6-2 .4-2.6-.4-.6-.8-.4-2 .4-2.6.9-.6 2-.4 2.6.4z" class="primary-fill"/>
    <path id="minute_tick_15_" d="M274.6 997c-.9 1.2-1 2.9-.2 4.3l-2.3 3.1 3.3-2c1.2.9 2.9 1 4.3.2l3.1 2.3-2-3.3c.9-1.2 1-2.9.2-4.3l2.3-3.1-3.3 2c-1.2-.9-2.9-1-4.3-.2l-3.1-2.3 2 3.3zm4.3 1.1c.7.8.6 1.9-.1 2.6-.8.7-1.9.6-2.6-.1-.7-.8-.6-1.9.1-2.6.8-.7 2-.7 2.6.1z" class="primary-fill"/>
    <path id="minute_tick_14_" d="M1033.8 313.4c-.9 1.2-1 2.9-.2 4.3l-2.3 3.1 3.3-2c1.2.9 2.9 1 4.3.2l3.1 2.3-2-3.3c.9-1.2 1-2.9.2-4.3l2.3-3.1-3.3 2c-1.2-.9-2.9-1-4.3-.2l-3.1-2.3 2 3.3zm4.3 1.1c.7.8.6 1.9-.1 2.6-.8.7-1.9.6-2.6-.1s-.6-1.9.1-2.6c.8-.7 2-.7 2.6.1z" class="primary-fill"/>
    <path id="minute_tick_13_" d="M312.2 1035.1c-.8 1.3-.7 3 .2 4.3l-2 3.3 3.1-2.3c1.3.8 3 .7 4.3-.2l3.3 2-2.3-3.1c.8-1.3.7-3-.2-4.3l2-3.3-3.1 2.3c-1.3-.8-3-.7-4.3.2l-3.3-2 2.3 3.1zm4.4.6c.8.7.8 1.8.1 2.6-.7.8-1.8.8-2.6.1-.8-.7-.8-1.8-.1-2.6.7-.7 1.9-.7 2.6-.1z" class="primary-fill"/>
    <path id="minute_tick_12_" d="M995.8 275.9c-.8 1.3-.7 3 .2 4.3l-2 3.3 3.1-2.3c1.3.8 3 .7 4.3-.2l3.3 2-2.3-3.1c.8-1.3.7-3-.2-4.3l2-3.3-3.1 2.3c-1.3-.8-3-.7-4.3.2l-3.3-2 2.3 3.1zm4.4.6c.8.7.8 1.8.1 2.6s-1.8.8-2.6.1c-.8-.7-.8-1.8-.1-2.6s1.9-.7 2.6-.1z" class="primary-fill"/>
    <path id="minute_tick_11_" d="M353.5 1069.1c-.7 1.4-.4 3.1.7 4.2l-1.7 3.5 2.8-2.7c1.4.7 3.1.4 4.2-.7l3.5 1.7-2.7-2.8c.7-1.4.4-3.1-.7-4.2l1.7-3.5-2.8 2.7c-1.4-.7-3.1-.4-4.2.7l-3.5-1.7 2.7 2.8zm4.5.2c.8.6 1 1.7.4 2.6-.6.8-1.7 1-2.6.4-.8-.6-1-1.7-.4-2.6.7-.8 1.8-1 2.6-.4z" class="primary-fill"/>
    <path id="minute_tick_10_" d="M954 242.6c-.7 1.4-.4 3.1.7 4.2l-1.7 3.5 2.8-2.7c1.4.7 3.1.4 4.2-.7l3.5 1.7-2.7-2.8c.7-1.4.4-3.1-.7-4.2l1.7-3.5-2.8 2.7c-1.4-.7-3.1-.4-4.2.7l-3.5-1.7 2.7 2.8zm4.5.2c.8.6 1 1.7.4 2.6-.6.8-1.7 1-2.6.4-.8-.6-1-1.7-.4-2.6s1.8-1 2.6-.4z" class="primary-fill"/>
    <path id="minute_tick_9_" d="M395.5 1097.6c-.9 2.6-.1 5.5 2 7.3l-2.3 6.4 4.4-5.2c2.6.9 5.5.1 7.3-2l6.4 2.3-5.2-4.4c.9-2.6.1-5.5-2-7.3l2.3-6.4-4.4 5.2c-2.6-.9-5.5-.1-7.3 2l-6.4-2.3 5.2 4.4zm7.9-.6c1.6.9 2.1 2.9 1.2 4.5-.9 1.6-2.9 2.1-4.5 1.2-1.6-.9-2.1-2.9-1.2-4.5 1-1.5 3-2.1 4.5-1.2z" class="primary-fill"/>
    <path id="minute_tick_8_" d="M906.3 212.9c-.9 2.6-.1 5.5 2 7.3l-2.3 6.4 4.4-5.2c2.6.9 5.5.1 7.3-2l6.4 2.3-5.2-4.4c.9-2.6.1-5.5-2-7.3l2.3-6.4-4.4 5.2c-2.6-.9-5.5-.1-7.3 2l-6.4-2.3 5.2 4.4zm7.9-.6c1.6.9 2.1 2.9 1.2 4.5s-2.9 2.1-4.5 1.2c-1.6-.9-2.1-2.9-1.2-4.5s3-2.1 4.5-1.2z" class="primary-fill"/>
    <path id="minute_tick_7_" d="M445.7 1123.3c-.4 1.5.2 3.1 1.5 4l-.9 3.7 2.2-3.2c1.5.4 3.1-.2 4-1.5l3.7.9-3.2-2.2c.4-1.5-.2-3.1-1.5-4l.9-3.7-2.2 3.2c-1.5-.4-3.1.2-4 1.5l-3.7-.9 3.2 2.2zm4.5-.8c.9.4 1.3 1.5.9 2.4-.4.9-1.5 1.3-2.4.9-.9-.4-1.3-1.5-.9-2.4.4-.9 1.4-1.3 2.4-.9z" class="primary-fill"/>
    <path id="minute_tick_6_" d="M861.3 190c-.4 1.5.2 3.1 1.5 4l-.9 3.7 2.2-3.2c1.5.4 3.1-.2 4-1.5l3.7.9-3.2-2.2c.4-1.5-.2-3.1-1.5-4l.9-3.7-2.2 3.2c-1.5-.4-3.1.2-4 1.5l-3.7-.9 3.2 2.2zm4.4-.8c.9.4 1.3 1.5.9 2.4-.4.9-1.5 1.3-2.4.9s-1.3-1.5-.9-2.4c.4-.9 1.5-1.3 2.4-.9z" class="primary-fill"/>
    <path id="minute_tick_5_" d="M495.6 1142.8c-.2 1.5.6 3.1 1.9 3.8l-.5 3.8 1.8-3.4c1.5.2 3.1-.6 3.8-1.9l3.8.5-3.4-1.8c.2-1.5-.6-3.1-1.9-3.8l.5-3.8-1.8 3.4c-1.5-.2-3.1.6-3.8 1.9l-3.8-.5 3.4 1.8zm4.3-1.2c1 .3 1.5 1.3 1.2 2.3-.3 1-1.3 1.5-2.3 1.2-1-.3-1.5-1.3-1.2-2.3.3-1 1.3-1.6 2.3-1.2z" class="primary-fill"/>
    <path id="minute_tick_4_" d="M811.3 171.2c-.2 1.5.6 3.1 1.9 3.8l-.5 3.8 1.8-3.4c1.5.2 3.1-.6 3.8-1.9l3.8.5-3.4-1.8c.2-1.5-.6-3.1-1.9-3.8l.5-3.8-1.8 3.4c-1.5-.2-3.1.6-3.8 1.9l-3.8-.5 3.4 1.8zm4.3-1.2c1 .3 1.5 1.3 1.2 2.3s-1.3 1.5-2.3 1.2c-1-.3-1.5-1.3-1.2-2.3s1.3-1.6 2.3-1.2z" class="primary-fill"/>
    <path id="minute_tick_3_" d="M547.2 1157c0 1.6.9 3 2.3 3.6l-.1 3.8 1.5-3.6c1.6 0 3-.9 3.6-2.3l3.8.1-3.6-1.5c0-1.6-.9-3-2.3-3.6l.1-3.8-1.5 3.6c-1.6 0-3 .9-3.6 2.3l-3.8-.1 3.6 1.5zm4.2-1.7c1 .2 1.6 1.2 1.4 2.2-.2 1-1.2 1.6-2.2 1.4s-1.6-1.2-1.4-2.2c.2-.9 1.2-1.6 2.2-1.4z" class="primary-fill"/>
    <path id="minute_tick_2_" d="M759.6 157.8c0 1.6.9 3 2.3 3.6l-.1 3.8 1.5-3.6c1.6 0 3-.9 3.6-2.3l3.8.1-3.6-1.5c0-1.6-.9-3-2.3-3.6l.1-3.8-1.5 3.6c-1.6 0-3 .9-3.6 2.3l-3.8-.1 3.6 1.5zm4.2-1.7c1 .2 1.6 1.2 1.4 2.2-.2 1-1.2 1.6-2.2 1.4s-1.6-1.2-1.4-2.2c.2-1 1.2-1.6 2.2-1.4z" class="primary-fill"/>
    <path id="minute_tick_1_" d="M600 1165.8c.1 1.6 1.2 2.9 2.7 3.3l.3 3.8 1.1-3.7c1.6-.1 2.9-1.2 3.3-2.7l3.8-.3-3.7-1.1c-.1-1.6-1.2-2.9-2.7-3.3l-.3-3.8-1.1 3.7c-1.6.1-2.9 1.2-3.3 2.7l-3.8.3 3.7 1.1zm4-2.1c1 .1 1.7 1 1.6 2-.1 1-1 1.7-2 1.6s-1.7-1-1.6-2c.1-1 1-1.7 2-1.6z" class="primary-fill"/>
    <path id="minute_tick" d="M706.8 149.8c.1 1.6 1.2 2.9 2.7 3.3l.3 3.8 1.1-3.7c1.6-.1 2.9-1.2 3.3-2.7l3.8-.3-3.7-1.1c-.1-1.6-1.2-2.9-2.7-3.3l-.3-3.8-1.1 3.7c-1.6.1-2.9 1.2-3.3 2.7l-3.8.3 3.7 1.1zm4-2.1c1 .1 1.7 1 1.6 2s-1 1.7-2 1.6c-1-.1-1.7-1-1.6-2s1-1.7 2-1.6z" class="primary-fill"/>
  </g>
  <g id="hands">
    <g id="hour_time">
      <g id="hour_hand">
        <path id="hh_frame" d="M547.2 107.5h220v1100h-220z" class="st11"/>
        <path id="hh_arrow" d="M716.1 421.9c1.5-5.3 2.3-10.8 2.3-16.6 0-6.9-1.2-13.5-3.3-19.7-4.7 2.6-9.6 4.9-14.6 6.8 1.2 4.1 1.9 8.4 1.9 12.9 0 24.9-20.3 45.2-45.2 45.2-24.9 0-45.2-20.3-45.2-45.2 0-4.5.7-8.8 1.9-12.9-5-2-9.9-4.2-14.6-6.8-2.1 6.2-3.3 12.8-3.3 19.7 0 5.7.8 11.3 2.3 16.6-28.1 19-46.6 51.1-46.6 87.4 0 47 30.9 86.9 73.4 100.5-15.3 10.3-25.4 27.8-25.4 47.7 0 31.8 25.7 57.5 57.5 57.5s57.5-25.7 57.5-57.5c0-19.9-10.1-37.4-25.4-47.7 42.5-13.6 73.4-53.5 73.4-100.5 0-36.3-18.5-68.5-46.6-87.4zm-77.7 181.2c-2.1.7-4.1 1.5-6.1 2.5-42.9-11.1-74.6-50.1-74.6-96.3 0-33.7 16.8-63.5 42.6-81.5 1.3 3.2 2.8 6.3 4.5 9.2-22.4 16.3-37 42.6-37 72.4 0 43.3 30.9 79.5 71.9 87.7l-1.3 6zm23.7-69.1c11.5-2.3 20.1-12.4 20.1-24.5 0-13.8-11.2-25-25-25s-25 11.2-25 25c0 12.1 8.6 22.2 20.1 24.5l-9.5 47.3c-33.6-6.7-59-36.4-59-72 0-24.7 12.3-46.6 31-59.9 11 10.6 25.9 17.1 42.4 17.1 16.4 0 31.4-6.5 42.4-17.1 18.8 13.3 31 35.2 31 59.9 0 35.5-25.4 65.3-59 72l-9.5-47.3zm19.9 71.6c-2-.9-4-1.8-6.1-2.5l-1.2-6.2c40.9-8.2 71.9-44.4 71.9-87.7 0-29.7-14.6-56.1-37-72.4 1.8-2.9 3.3-6 4.5-9.1 25.7 18 42.5 47.8 42.5 81.5.1 46.4-31.7 85.4-74.6 96.4z" class="hour-hand"/>
        <path id="hh_nib" d="M657.2 360.1c20.5 0 37.8 13.7 43.3 32.3 5-2 9.9-4.2 14.6-6.8-6.9-20.1-23.9-35.5-44.9-40.1l-13-64.9-13 64.9c-21 4.6-38.1 20-44.9 40.1 4.7 2.6 9.6 4.9 14.6 6.8 5.5-18.6 22.8-32.3 43.3-32.3z" class="primary-fill"/>
      </g>
      <circle id="hour_time_frame" cx="657.2" cy="657.7" r="550" class="st11"/>
    </g>
    <g id="minute_time">
      <g id="minute_hand">
        <path id="mh_frame" d="M547.2 107.5h220v1100h-220z" class="st11"/>
        <path id="mh_arrow" d="M689.5 754.9c-3.1-11.1-8.9-33.7-11.1-60.4 12.8-7.4 21.5-21.2 21.5-37 0-13.4-6.2-25.3-15.8-33.1 3.2-11.3 7.9-24.7 14.3-36.3 1 .3 2.1.4 3.3.4 7.2 0 13-5.8 13-13s-5.8-13-13-13c-5.3 0-9.8 3.1-11.8 7.6-23.9-5.8-42.1-14.7-57.5-30.9 4-4.6 6.4-10.6 6.4-17.2 0-8.5-4-16.1-10.3-21 11.6-27.7 29.8-88.7 33.6-215.8-3.3 0-6.6-.4-9.8 0-1.1 107.5-23.7 170.5-42.7 210.4-13.4 1.4-23.8 12.6-23.8 26.4 0 13.9 10.8 25.3 24.4 26.4 17.2 26.5 38.4 40.4 52.4 46.1.7.3.9 1.1.3 1.5-8.1 5.9-14.9 13.2-20.6 21.5-16.2 6.1-27.7 21.7-27.7 40 0 7.3 1.8 14.1 5 20.1-6.7 35.6-5.3 70.7-5.1 85.4-13 11.7-21.1 28.7-21.1 47.5 0 20.5 9.7 38.8 24.7 50.6l-10.6 16.8c-1.9 3-1 7.1 2 9 1.1.7 2.3 1 3.5 1 2.2 0 4.3-1.1 5.5-3l10.6-16.8c8.6 4.3 18.2 6.7 28.4 6.7 35.4 0 64.2-28.8 64.2-64.2 0-23.9-13-44.6-32.2-55.7zm-77.3-214.4c-10.2 0-18.5-8.3-18.5-18.5s8.3-18.5 18.5-18.5 18.5 8.3 18.5 18.5-8.3 18.5-18.5 18.5zm45.3 323.2c-8.1 0-15.7-1.8-22.6-5l16-25.4c1.9.5 3.9.8 5.9.8 12.5 0 22.7-10.1 22.7-22.7s-10.1-22.7-22.7-22.7c-12.5 0-22.7 10.1-22.7 22.7 0 5.8 2.2 11 5.7 15L624 851.7c-12-9.8-19.6-24.6-19.6-41.2 0-29.3 23.9-53.2 53.2-53.2 29.3 0 53.2 23.9 53.2 53.2s-24 53.2-53.3 53.2z" class="minute-hand"/>
        <path id="mh_nib" d="M662.2 186.9c0-3.1-2.8-5.5-6-4.9-2.4.5-4 2.7-4 5.1v98.2c3.3-.4 6.6 0 9.8 0 .1-2.4.2-98.4.2-98.4z" class="primary-fill"/>
      </g>
      <circle id="minute_time_frame" cx="657.2" cy="657.7" r="550" class="st11"/>
    </g>
    <g id="second_time">
      <g id="second_hand">
        <path id="sh_frame" d="M607.2 107.5h100v1100h-100z" class="st11"/>
        <path id="sh_arrow" d="M673.8 736l-1.5-53.4c8.7-5.2 14.6-14.7 14.6-25.6 0-11.3-6.3-21.2-15.7-26.2l-.2-11.4c-2.2-.4-3.9-2.3-3.9-4.6l-5.8-329.6c-2.6-.1-5.3 0-7.9 0l-5.8 329.6c0 2.5-2 4.5-4.5 4.7l-.2 11.5c-9.1 5.1-15.3 14.8-15.3 26 0 10.7 5.7 20.2 14.2 25.4l-1.6 53.4c-34.3 7.6-60 38.2-60 74.7 0 42.2 34.3 76.5 76.5 76.5s76.5-34.3 76.5-76.5c0-36.3-25.4-66.8-59.4-74.5zm-17.1 141c-36.7 0-66.5-29.8-66.5-66.5 0-32.8 23.9-60.2 55.3-65.5l5 4.4v28.5c-15.5 3.1-27.2 16.8-27.2 33.3 0 18.8 15.2 34 34 34s34-15.2 34-34c0-16.5-11.7-30.2-27.2-33.3v-28.5l4.6-4.2c31.1 5.6 54.7 32.8 54.7 65.4-.2 36.6-30 66.4-66.7 66.4z" class="second-hand"/>
        <path id="sh_nib" d="M661.3 285.2L659.5 182c-.7-.4-1.4-.6-2.3-.6-.7 0-1.4.2-2 .4l-1.8 103.4c2.6-.1 5.3-.2 7.9 0z" class="primary-fill"/>
        <g id="center_screw">
          <radialGradient id="SVGID_50_" cx="657.185" cy="657.255" r="14.662" fx="649.306" fy="650.005" gradientUnits="userSpaceOnUse">
            <stop offset=".237" style="stop-color:#666666"/>
            <stop offset="1" style="stop-color:#0D0D0D"/>
          </radialGradient>
          <linearGradient id="SVGID_51_" x1="669.442" x2="644.929" y1="669.755" y2="645.242" gradientUnits="userSpaceOnUse">
            <stop offset="0" style="stop-color:#666666"/>
            <stop offset="1" style="stop-color:#0D0D0D"/>
          </linearGradient>
          <circle cx="657.2" cy="657.5" r="16.3" class="st60"/>
          <linearGradient id="SVGID_52_" x1="662.861" x2="651.031" y1="663.476" y2="651.646" gradientUnits="userSpaceOnUse">
            <stop offset="0" style="stop-color:#666666"/>
            <stop offset="1" style="stop-color:#0D0D0D"/>
          </linearGradient>
          <path d="M661 650.6h-8.1l-4 7 4 7h8.1l4-7z" class="st61"/>
        </g>
      </g>
      <circle id="second_time_frame" cx="657.2" cy="657.7" r="550" class="st11"/>
    </g>
  </g>
</svg>
</div>

<div class="dust">
  <div class="specs"></div>
  <div class="specs"></div>
  <div class="specs"></div>
  <div class="specs"></div>
  <div class="specs"></div>
</div>

<audio id="chime" src="">
</audio>
<audio id="tick" src="">
</audio>

2. Create or include the CSS file referenced in the HTML (styles.css). This file styles the clock elements and defines their appearance.

/*[this is where magic is brewed]*/
@-webkit-keyframes circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes circle {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swing {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@keyframes swing {
  0% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(20deg);
  }
}
@-webkit-keyframes anchorswing {
  0% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}
@keyframes anchorswing {
  0% {
    transform: rotate(15deg);
  }
  100% {
    transform: rotate(-15deg);
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.25;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.5;
  }
  50% {
    opacity: 0.25;
  }
  90% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes glow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes breathe {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@keyframes breathe {
  0% {
    opacity: 0.25;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0.25;
  }
}
@-webkit-keyframes hue {
  0% {
    fill: #ff8000;
  }
  55% {
    fill: #ff8000;
  }
  70% {
    fill: #00ff80;
  }
  85% {
    fill: #8000ff;
  }
  99.99% {
    fill: #ff8000;
  }
}
@keyframes hue {
  0% {
    fill: #ff8000;
  }
  55% {
    fill: #ff8000;
  }
  70% {
    fill: #00ff80;
  }
  85% {
    fill: #8000ff;
  }
  99.99% {
    fill: #ff8000;
  }
}
@-webkit-keyframes stroke-hue {
  0% {
    stroke: #ff8000;
  }
  55% {
    stroke: #ff8000;
  }
  70% {
    stroke: #00ff80;
  }
  85% {
    stroke: #8000ff;
  }
  99.99% {
    stroke: #ff8000;
  }
}
@keyframes stroke-hue {
  0% {
    stroke: #ff8000;
  }
  55% {
    stroke: #ff8000;
  }
  70% {
    stroke: #00ff80;
  }
  85% {
    stroke: #8000ff;
  }
  99.99% {
    stroke: #ff8000;
  }
}
@-webkit-keyframes dust {
  0% {
    opacity: 0;
    transform: scale(0.5) rotateZ(-15deg);
  }
  50% {
    opacity: 0.75;
    transform: scale(0.75) rotateZ(0deg);
  }
  100% {
    opacity: 0;
    transform: scale(1) rotateZ(15deg);
  }
}
@keyframes dust {
  0% {
    opacity: 0;
    transform: scale(0.5) rotateZ(-15deg);
  }
  50% {
    opacity: 0.75;
    transform: scale(0.75) rotateZ(0deg);
  }
  100% {
    opacity: 0;
    transform: scale(1) rotateZ(15deg);
  }
}

html body .frame {
  position: absolute;
  height: 500px;
  width:  500px;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
html body .frame svg {
  position: absolute;
  height: 125%;
  width: 125%;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  /*[animations]*/
}
html body .frame svg .primary-fill {
  fill: #ff8000;
}
html body .frame svg .primary-stroke-a {
  fill: none;
  stroke: #ff8000;
  stroke-width: 1;
}
html body .frame svg .primary-stroke-b {
  fill: none;
  stroke: #ff8000;
  stroke-width: 3;
}
html body .frame svg .hour-hand {
  fill: #38332e;
}
html body .frame svg .minute-hand {
  fill: #464039;
}
html body .frame svg .second-hand {
  fill: #544d45;
}
html body .frame svg .skeleton-frame {
  fill: url(#face_frame_skeleton_1_);
}
html body .frame svg .gear-front {
  fill: #2a2622;
}
html body .frame svg .gear-back {
  fill: #1c1a17;
}
html body .frame svg .backdrop-disk {
  fill: #110f0e;
}
html body .frame svg .backdrop-glow-gradient {
  fill: url(#backdrop_glow_gradient);
}
html body .frame svg .st11 {
  fill: none;
}
html body .frame svg .st1 {
  fill: none;
  stroke: #1A1A1A;
  stroke-width: 6;
  stroke-linecap: round;
}
html body .frame svg .st2 {
  fill: none;
  stroke: #1A1A1A;
  stroke-width: 4.75;
  stroke-linecap: round;
}
html body .frame svg .st3 {
  fill: none;
  stroke: #1A1A1A;
  stroke-width: 3.5;
  stroke-linecap: round;
}
html body .frame svg .st4 {
  fill: none;
  stroke: #1A1A1A;
  stroke-width: 2.25;
  stroke-linecap: round;
}
html body .frame svg .st5 {
  fill: none;
  stroke: #1A1A1A;
  stroke-linecap: round;
}
html body .frame svg .st6 {
  fill: url(#SVGID_1_);
}
html body .frame svg .st8 {
  fill: url(#SVGID_2_);
}
html body .frame svg .st9 {
  fill: #181818;
}
html body .frame svg .st10 {
  fill: url(#SVGID_3_);
}
html body .frame svg .st14 {
  fill: url(#SVGID_4_);
}
html body .frame svg .st15 {
  fill: url(#SVGID_5_);
  stroke: url(#SVGID_6_);
  stroke-width: 2;
}
html body .frame svg .st16 {
  fill: #0D0D0D;
  stroke: url(#SVGID_7_);
}
html body .frame svg .st17 {
  fill: #282828;
  stroke: url(#SVGID_8_);
  stroke-width: 2;
}
html body .frame svg .st18 {
  fill: #282828;
  stroke: url(#SVGID_9_);
  stroke-width: 2;
}
html body .frame svg .st19 {
  fill: #282828;
  stroke: url(#SVGID_10_);
  stroke-width: 2;
}
html body .frame svg .st20 {
  fill: #282828;
  stroke: url(#SVGID_11_);
  stroke-width: 2;
}
html body .frame svg .st21 {
  fill: #282828;
  stroke: url(#SVGID_12_);
  stroke-width: 2;
}
html body .frame svg .st22 {
  fill: #282828;
  stroke: url(#SVGID_13_);
  stroke-width: 2;
}
html body .frame svg .st23 {
  fill: #282828;
  stroke: url(#SVGID_14_);
  stroke-width: 2;
}
html body .frame svg .st24 {
  fill: #282828;
  stroke: url(#SVGID_15_);
  stroke-width: 2;
}
html body .frame svg .st25 {
  fill: #282828;
  stroke: url(#SVGID_16_);
  stroke-width: 2;
}
html body .frame svg .st26 {
  fill: #282828;
  stroke: url(#SVGID_17_);
  stroke-width: 2;
}
html body .frame svg .st27 {
  fill: #282828;
  stroke: url(#SVGID_18_);
  stroke-width: 2;
}
html body .frame svg .st28 {
  fill: #282828;
  stroke: url(#SVGID_19_);
  stroke-width: 2;
}
html body .frame svg .st29 {
  fill: url(#SVGID_20_);
  stroke: url(#SVGID_21_);
  stroke-width: 2;
}
html body .frame svg .st30 {
  fill: #0D0D0D;
  stroke: url(#SVGID_22_);
}
html body .frame svg .st31 {
  fill: url(#SVGID_23_);
  stroke: url(#SVGID_24_);
  stroke-width: 2;
}
html body .frame svg .st32 {
  fill: #0D0D0D;
  stroke: url(#SVGID_25_);
}
html body .frame svg .st34 {
  fill: url(#SVGID_26_);
  stroke: url(#SVGID_27_);
  stroke-width: 2;
}
html body .frame svg .st35 {
  fill: #0D0D0D;
  stroke: url(#SVGID_28_);
}
html body .frame svg .st36 {
  fill: url(#SVGID_29_);
  stroke: url(#SVGID_30_);
  stroke-width: 2;
}
html body .frame svg .st37 {
  fill: #0D0D0D;
  stroke: url(#SVGID_31_);
}
html body .frame svg .st38 {
  fill: url(#SVGID_32_);
  stroke: url(#SVGID_33_);
  stroke-width: 2;
}
html body .frame svg .st39 {
  fill: #0D0D0D;
  stroke: url(#SVGID_34_);
}
html body .frame svg .st40 {
  fill: url(#SVGID_35_);
  stroke: url(#SVGID_36_);
  stroke-width: 2;
}
html body .frame svg .st41 {
  fill: #0D0D0D;
  stroke: url(#SVGID_37_);
}
html body .frame svg .st42 {
  fill: url(#SVGID_38_);
}
html body .frame svg .st45 {
  fill: url(#SVGID_39_);
}
html body .frame svg .st46 {
  fill: url(#SVGID_40_);
}
html body .frame svg .st47 {
  fill: url(#SVGID_41_);
}
html body .frame svg .st48 {
  fill: url(#SVGID_42_);
}
html body .frame svg .st49 {
  fill: url(#SVGID_43_);
}
html body .frame svg .st50 {
  fill: url(#SVGID_44_);
}
html body .frame svg .st51 {
  fill: url(#SVGID_45_);
}
html body .frame svg .st52 {
  fill: url(#SVGID_46_);
}
html body .frame svg .st53 {
  fill: url(#SVGID_47_);
}
html body .frame svg .st54 {
  fill: url(#SVGID_48_);
}
html body .frame svg .st55 {
  fill: url(#SVGID_49_);
}
html body .frame svg .st60 {
  fill: url(#SVGID_50_);
  stroke: url(#SVGID_51_);
  stroke-width: 2;
}
html body .frame svg .st61 {
  fill: #0D0D0D;
  stroke: url(#SVGID_52_);
}
html body .frame svg #hands,
html body .frame svg #hands g {
  transform-origin: 657.5px 657.5px;
}
html body .frame svg #knobs {
  -webkit-animation: breathe 5s linear infinite;
          animation: breathe 5s linear infinite;
}
html body .frame svg #knobs [class^=primary-stroke] {
  -webkit-animation: stroke-hue 15s linear infinite;
          animation: stroke-hue 15s linear infinite;
}
html body .frame svg #face_marks g {
  -webkit-animation: breathe 5s linear infinite;
          animation: breathe 5s linear infinite;
}
html body .frame svg #face_marks .primary-fill {
  -webkit-animation: hue 15s linear infinite;
          animation: hue 15s linear infinite;
}
html body .frame svg #back_marks {
  -webkit-animation: breathe 10s linear infinite;
          animation: breathe 10s linear infinite;
}
html body .frame svg #second_hand {
  -webkit-animation: circle 60s steps(360) infinite;
          animation: circle 60s steps(360) infinite;
}
html body .frame svg #minute_hand {
  -webkit-animation: circle 3600s steps(360) infinite;
          animation: circle 3600s steps(360) infinite;
}
html body .frame svg #hour_hand {
  -webkit-animation: circle 216000s steps(360) infinite;
          animation: circle 216000s steps(360) infinite;
}
html body .frame svg #pendilum {
  transform-origin: 657.5px 275px;
  -webkit-animation: swing 1s cubic-bezier(0.75, 0, 0.25, 1) alternate infinite;
          animation: swing 1s cubic-bezier(0.75, 0, 0.25, 1) alternate infinite;
}
html body .frame svg #gear_anchor {
  transform-origin: 657.5px 275px;
  -webkit-animation: anchorswing 1s cubic-bezier(0.75, 0, 0.25, 1) alternate infinite;
          animation: anchorswing 1s cubic-bezier(0.75, 0, 0.25, 1) alternate infinite;
}
html body .frame svg #gear_click {
  transform-origin: 657.5px 657.5px;
  animation: circle 30s steps(30) reverse infinite;
}
html body .frame svg #backdrop_disk {
  transform-origin: 657.5px 657.5px;
  -webkit-animation: circle 300s linear infinite;
          animation: circle 300s linear infinite;
}
html body .frame svg #ticks {
  -webkit-animation: pulse 1s linear infinite;
          animation: pulse 1s linear infinite;
}
html body .frame svg #ticks [id^=minute] {
  -webkit-animation: hue 15s linear infinite;
          animation: hue 15s linear infinite;
}
html body .frame svg #gear_front_ten_mark {
  transform-origin: 292px 447px;
  -webkit-animation: circle 10s steps(90) infinite;
          animation: circle 10s steps(90) infinite;
}
html body .frame svg #gear_front_two {
  transform-origin: 657.5px 657.5px;
  -webkit-animation: circle 60s linear infinite;
          animation: circle 60s linear infinite;
}
html body .frame svg #gear_front_small,
html body .frame svg #gear_six {
  transform-origin: 768px 732px;
  animation: circle 36s linear reverse infinite;
}
html body .frame svg #gear_one {
  transform-origin: 657.5px 657.5px;
  -webkit-animation: circle 30s linear infinite;
          animation: circle 30s linear infinite;
}
html body .frame svg #gear_two {
  transform-origin: 532.7px 585.5px;
  -webkit-animation: circle 5s steps(90) infinite;
          animation: circle 5s steps(90) infinite;
}
html body .frame svg #gear_three {
  transform-origin: 954.8px 955.5px;
  -webkit-animation: circle 7.5s linear infinite;
          animation: circle 7.5s linear infinite;
}
html body .frame svg #gear_four {
  transform-origin: 986px 629px;
  -webkit-animation: circle 7.5s linear infinite;
          animation: circle 7.5s linear infinite;
}
html body .frame svg #gear_five {
  transform-origin: 359px 955px;
  -webkit-animation: circle 15s linear infinite;
          animation: circle 15s linear infinite;
}
html body .frame svg #gear_seven {
  transform-origin: 359px 358px;
  animation: circle 7.5s steps(90) reverse infinite;
}
html body .frame svg #gear_eight {
  transform-origin: 533px 585.5px;
  -webkit-animation: circle 15s steps(90) infinite;
          animation: circle 15s steps(90) infinite;
}
html body .frame svg #gear_nine {
  transform-origin: 874px 444.5px;
  -webkit-animation: circle 10s steps(90) infinite;
          animation: circle 10s steps(90) infinite;
}
html body .frame svg #gear_ten {
  transform-origin: 328px 616.5px;
  -webkit-animation: circle 10s steps(90) infinite;
          animation: circle 10s steps(90) infinite;
}
html body .frame svg #gear_eleven {
  transform-origin: 533px 585.5px;
  animation: circle 10s steps(90) reverse infinite;
}
html body .frame svg #backdrop_glow {
  -webkit-animation: glow 15s linear infinite;
          animation: glow 15s linear infinite;
}
html body .frame svg [id$=nib] {
  -webkit-animation: hue 15s linear infinite;
          animation: hue 15s linear infinite;
}
html body .dust {
  z-index: 1;
  position: absolute;
  width: 120vmin;
  height: 120vmin;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
html body .dust .specs {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(2px 2px at 10% 10%, #ff8000, rgba(255, 128, 0, 0)), radial-gradient(2px 2px at 20% 30%, #0080ff, rgba(0, 128, 255, 0)), radial-gradient(2px 2px at 40% 70%, #ff8000, rgba(255, 128, 0, 0)), radial-gradient(2px 2px at 50% 60%, #0080ff, rgba(0, 128, 255, 0)), radial-gradient(2px 2px at 80% 40%, #ff8000, rgba(255, 128, 0, 0)), radial-gradient(2px 2px at 90% 60%, #0080ff, rgba(0, 128, 255, 0)), radial-gradient(2px 2px at 75% 80%, #ff8000, rgba(255, 128, 0, 0)), radial-gradient(2px 2px at 90% 80%, #0080ff, rgba(0, 128, 255, 0));
  background-repeat: repeat;
  background-size: 100px 100px;
  opacity: 0;
  -webkit-animation: dust 3s linear infinite;
          animation: dust 3s linear infinite;
}
html body .dust .specs:nth-child(1) {
  background-position: 50% 50%;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
html body .dust .specs:nth-child(2) {
  background-position: 20% 60%;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  animation-direction: reverse;
}
html body .dust .specs:nth-child(3) {
  background-position: -20% -30%;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
html body .dust .specs:nth-child(4) {
  background-position: 40% -80%;
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
  animation-direction: reverse;
}
html body .dust .specs:nth-child(5) {
  background-position: -20% 30%;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}

3. Finally, create or include the JavaScript file referenced in the HTML (clock.js). This file contains the logic for the clock’s functionality and animations.

/**[minimum JS only to set current time and sound the chimes]**/
(function() {
	'use strict';
	let	seconds = document.getElementById('second_time'),
			munutes = document.getElementById('minute_time'),
			hours = document.getElementById('hour_time'),
		 	s, m, h, S, M, H, time;
	
	/*[set the clock to correct time and let CSS handle the rest]*/
	function windup () {
		time = new Date(),
		s = time.getSeconds(),
		m = time.getMinutes(),
		h = time.getHours(),
		S = s * 6,
		M = m * 6 + s / 10,
		H = h * 30 + 0.5 * m;

		seconds.style.transform = 'rotate(' + S + 'deg)';
		munutes.style.transform = 'rotate(' + M + 'deg)';
		hours.style.transform = 'rotate(' + H + 'deg)';
		
		console.log('windup: ' + h + ':' + m + ':' + s);
		tick.volume = chime.volume = 1;
	}
	setTimeout(windup, 0);
	
	/*[main visibility API function]*/
	// use visibility API to check if current tab is active or not
	let vis = (function(){
		 let stateKey, 
			  eventKey, 
			  keys = {
						 hidden: 'visibilitychange',
						 webkitHidden: 'webkitvisibilitychange',
						 mozHidden: 'mozvisibilitychange',
						 msHidden: 'msvisibilitychange'
		 };
		 for (stateKey in keys) {
			  if (stateKey in document) {
					eventKey = keys[stateKey];
					break;
			  }
		 }
		 return function(c) {
			  if (c) document.addEventListener(eventKey, c);
			  return !document[stateKey];
		 }
	})();
	
	/*[HTML5 Visibility API]****************************************/
	// check if current tab is active or not
	vis( function () {
		if (vis()) {	
		setTimeout( function () {
					// tween resume() code goes here
					windup();
					console.log('tab is visible - has focus');
			  }, 300);		
		 } else {
			  // tween pause() code goes here
			  console.log('tab is invisible - has blur');
			 tick.volume = chime.volume = 0.1;
		 }
	});
	
	// check if browser window has focus		
	let notIE = (document.documentMode === undefined),
		 isChromium = window.chrome;
	if (notIE && !isChromium) {
		 // checks for Firefox and other  NON IE Chrome versions
		 $(window).on('focusin', function () { 
			  // tween resume() code goes here
			  setTimeout( function () {  
					windup();
					console.log('focus');
			  }, 300);
		 }).on('focusout', function () {
			  // tween pause() code goes here
			  console.log('blur');
			 tick.volume = chime.volume = 0.1;
		 });
	} else {
		 // checks for IE and Chromium versions
		 if (window.addEventListener) {
			  // bind focus event
			  window.addEventListener('focus', function (event) {
					// tween resume() code goes here
					setTimeout( function () {
						windup();
						console.log('focus');
					},300);
			  }, false);
			  // bind blur event
			  window.addEventListener('blur', function (event) {
					// tween pause() code goes here
					 console.log('blur');
				  tick.volume = chime.volume = 0.1;
			  }, false);
		 } else {
			  // bind focus event
			  window.attachEvent('focus', function (event) {
					// tween resume() code goes here
					setTimeout( function () {
						windup();
						console.log('focus');
					},300);
			  });
			  // bind focus event
			  window.attachEvent('blur', function (event) {
					// tween pause() code goes here
					console.log('blur');
				   tick.volume = chime.volume = 0.1;
			  });
		 }
	}
	/*[end HTML5 Visibility API]************************************/
	
	/*[hourly and quarterly chimes]*/
	const tick = document.getElementById('tick');
	const chime = document.getElementById('chime');
	const sound_dir = 'http://www.gerasimenko.com/sandbox/codepen/sounds/';

	let bell, tock = 'tock.wav';

	tick.src = sound_dir + tock;

	function hourly_chime(n) {
		console.log('plays left: ' + n);
		if (n === 0) {
			return;
		} else {
			chime.pause();
			chime.currentTime = 0;
			chime.play();
			n--;
			setTimeout( function () {
				hourly_chime(n);
			}, 3000);
		}
	}

	setInterval( function () {
		time = new Date(),
		s = time.getSeconds(),
		m = time.getMinutes(),
		h = time.getHours();
		
		console.log('watch: ' + h + ':' + m + ':' + s);
		tick.play();

		if (s === 0 && (m === 15 || m === 30 || m === 45)) {
			bell = 'ding-tone.wav';
			chime.src = sound_dir + bell;
			hourly_chime(m / 15);
		} else if (s === 0 && m === 0) {
			bell = 'bell-japanese.wav';
			chime.src = sound_dir + bell;
			h > 12 ? h = h - 12 : h;
			hourly_chime(h);
		}
	}, 1000);
})();

You can tweak the CSS or JavaScript to customize the clock’s appearance or behavior according to your preferences.

That’s all! hopefully, you have successfully created Gaming Clock Ui Using Svg Css And Javascript. If you have any questions or suggestions, feel free to comment below.

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.

About CodeHim

Free Web Design Code & Scripts - CodeHim is one of the BEST developer websites that provide web designers and developers with a simple way to preview and download a variety of free code & scripts. All codes published on CodeHim are open source, distributed under OSD-compliant license which grants all the rights to use, study, change and share the software in modified and unmodified form. Before publishing, we test and review each code snippet to avoid errors, but we cannot warrant the full correctness of all content. All trademarks, trade names, logos, and icons are the property of their respective owners... find out more...