<svg
      viewBox="-187.20508075688772 -190.33085892923555 402.41016151377545 380.6617178584711"
      style="
        width: 100%;
        max-width: 100%;
        height: auto;
        display: block;
        box-sizing: border-box;
        background-color: rgb(41, 128, 185);
        user-select: none;
      "
    >
      <polygon
        points="-34.641016151377535,-140 -34.641016151377535,-100 -69.28203230275508,-80 -103.92304845413264,-100 -103.92304845413263,-140 -69.2820323027551,-160"
        fill="#fae862"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="34.64101615137755,-140 34.64101615137755,-100 2.4492935982947065e-15,-80 -34.64101615137755,-100 -34.64101615137754,-140 -7.347880794884118e-15,-160"
        fill="#c34040"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="103.92304845413264,-140 103.92304845413264,-100 69.28203230275508,-80 34.641016151377535,-100 34.64101615137754,-140 69.28203230275507,-160"
        fill="#5D6D7E"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="-69.28203230275508,-80 -69.28203230275508,-40 -103.92304845413264,-20 -138.5640646055102,-40 -138.56406460551017,-80 -103.92304845413265,-100"
        fill="#fae862"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="7.105427357601002e-15,-80 7.105427357601002e-15,-40 -34.64101615137754,-20 -69.28203230275508,-40 -69.28203230275508,-80 -34.64101615137755,-100"
        fill="#25a159"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="69.28203230275508,-80 69.28203230275508,-40 34.64101615137754,-20 -7.105427357601002e-15,-40 0,-80 34.641016151377535,-100"
        fill="#dfc971"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="138.5640646055102,-80 138.5640646055102,-40 103.92304845413264,-20 69.28203230275508,-40 69.2820323027551,-80 103.92304845413263,-100"
        fill="#99e6b8"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="-103.92304845413261,-19.999999999999996 -103.92304845413261,19.999999999999996 -138.56406460551017,40 -173.20508075688772,19.999999999999996 -173.2050807568877,-20.000000000000004 -138.56406460551017,-40"
        fill="#c34040"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="-34.641016151377535,-19.999999999999996 -34.641016151377535,19.999999999999996 -69.28203230275508,40 -103.92304845413264,19.999999999999996 -103.92304845413263,-20.000000000000004 -69.2820323027551,-40"
        fill="#5D6D7E"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="34.64101615137755,-19.999999999999996 34.64101615137755,19.999999999999996 2.4492935982947065e-15,40 -34.64101615137755,19.999999999999996 -34.64101615137754,-20.000000000000004 -7.347880794884118e-15,-40"
        fill="#99e6b8"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="103.92304845413264,-19.999999999999996 103.92304845413264,19.999999999999996 69.28203230275508,40 34.641016151377535,19.999999999999996 34.64101615137754,-20.000000000000004 69.28203230275507,-40"
        fill="#25a159"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="173.20508075688772,-19.999999999999996 173.20508075688772,19.999999999999996 138.56406460551017,40 103.92304845413261,19.999999999999996 103.92304845413263,-20.000000000000004 138.56406460551017,-40"
        fill="#25a159"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="-69.28203230275508,40 -69.28203230275508,80 -103.92304845413264,100 -138.5640646055102,80 -138.56406460551017,40 -103.92304845413265,20"
        fill="#25a159"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="7.105427357601002e-15,40 7.105427357601002e-15,80 -34.64101615137754,100 -69.28203230275508,80 -69.28203230275508,40 -34.64101615137755,20"
        fill="#fae862"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="69.28203230275508,40 69.28203230275508,80 34.64101615137754,100 -7.105427357601002e-15,80 0,40 34.641016151377535,20"
        fill="#c34040"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="138.5640646055102,40 138.5640646055102,80 103.92304845413264,100 69.28203230275508,80 69.2820323027551,40 103.92304845413263,20"
        fill="#99e6b8"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="-34.641016151377535,100 -34.641016151377535,140 -69.28203230275508,160 -103.92304845413264,140 -103.92304845413263,100 -69.2820323027551,80"
        fill="#5D6D7E"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="34.64101615137755,100 34.64101615137755,140 2.4492935982947065e-15,160 -34.64101615137755,140 -34.64101615137754,100 -7.347880794884118e-15,80"
        fill="#99e6b8"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <polygon
        points="103.92304845413264,100 103.92304845413264,140 69.28203230275508,160 34.641016151377535,140 34.64101615137754,100 69.28203230275507,80"
        fill="#fae862"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></polygon>
      <g style="cursor: pointer">
        <polygon
          points="-106.92304845413263,-145.19615242270663 -72.2820323027551,-165.19615242270663 -98.60385006066602,-182.33085892923555 -108.6012306962217,-176.5588685281063"
          fill="#5D6D7E"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="-95.31437099193897"
          y="-165.08933324950746"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#FFFFFF"
        >
          2:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="2.9999999999999916,-165.19615242270663 37.64101615137755,-145.19615242270663 39.31919839346661,-176.5588685281063 29.32181775791092,-182.33085892923555"
          fill="#D3D3D3"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="26.032338689183902"
          y="-165.08933324950746"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          3:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="-144.5640646055102,-40 -144.56406460551017,-80 -172.56406460551017,-65.77199040112923 -172.56406460551017,-54.22800959887077"
          fill="#D3D3D3"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="-155.9877258325006"
          y="-60.00000000000001"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          3:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="106.92304845413263,-105.19615242270663 141.5640646055102,-85.19615242270663 143.24224684759926,-116.55886852810632 133.24486621204355,-122.33085892923553"
          fill="#c34040"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="129.95538714331656"
          y="-105.08933324950753"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#FFFFFF"
        >
          2:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="179.20508075688772,-19.999999999999996 179.20508075688772,19.999999999999996 207.20508075688772,5.771990401129223 207.20508075688772,-5.771990401129223"
          fill="#D3D3D3"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="190.6287419838781"
          y="0"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          3:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="-144.5640646055102,80 -144.56406460551017,40 -172.56406460551017,54.22800959887077 -172.56406460551017,65.77199040112923"
          fill="#25a159"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="-155.98772583250042"
          y="59.999999999999986"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          2:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="141.5640646055102,85.19615242270663 106.92304845413264,105.19615242270663 133.24486621204358,122.33085892923552 143.2422468475993,116.5588685281063"
          fill="#fae862"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="129.9553871433166"
          y="105.08933324950749"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          2:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="-72.28203230275508,165.19615242270663 -106.92304845413264,145.19615242270663 -108.6012306962217,176.5588685281063 -98.60385006066602,182.33085892923555"
          fill="#D3D3D3"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="-95.31437099193904"
          y="165.08933324950758"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          3:1
        </text>
      </g>
      <g style="cursor: pointer">
        <polygon
          points="37.64101615137755,145.19615242270663 3.0000000000000027,165.19615242270663 29.321817757910935,182.33085892923555 39.31919839346662,176.5588685281063"
          fill="#99e6b8"
          stroke="#000000"
          stroke-width="1"
        ></polygon>
        <text
          x="26.032338689183906"
          y="165.08933324950752"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          2:1
        </text>
      </g>
      <g style="cursor: default">
        <line
          x1="-34.641016151377535"
          y1="-100"
          x2="-69.28203230275508"
          y2="-80"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="-34.641016151377535"
          y1="-100"
          x2="-69.28203230275508"
          y2="-80"
          stroke="#FFFFFF"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="34.64101615137755"
          y1="-140"
          x2="34.64101615137755"
          y2="-100"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="34.64101615137755"
          y1="-140"
          x2="34.64101615137755"
          y2="-100"
          stroke="#E67E22"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="-138.5640646055102"
          y1="-40"
          x2="-138.56406460551017"
          y2="-80"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="-138.5640646055102"
          y1="-40"
          x2="-138.56406460551017"
          y2="-80"
          stroke="#E74C3C"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="34.64101615137754"
          y1="-20"
          x2="-7.105427357601002e-15"
          y2="-40"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="34.64101615137754"
          y1="-20"
          x2="-7.105427357601002e-15"
          y2="-40"
          stroke="#E74C3C"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="-34.641016151377535"
          y1="19.999999999999996"
          x2="-69.28203230275508"
          y2="40"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="-34.641016151377535"
          y1="19.999999999999996"
          x2="-69.28203230275508"
          y2="40"
          stroke="#2563EB"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="34.64101615137755"
          y1="-19.999999999999996"
          x2="34.64101615137755"
          y2="19.999999999999996"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="34.64101615137755"
          y1="-19.999999999999996"
          x2="34.64101615137755"
          y2="19.999999999999996"
          stroke="#E74C3C"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="138.56406460551017"
          y1="40"
          x2="103.92304845413261"
          y2="19.999999999999996"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="138.56406460551017"
          y1="40"
          x2="103.92304845413261"
          y2="19.999999999999996"
          stroke="#FFFFFF"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="138.56406460551017"
          y1="-40"
          x2="173.20508075688772"
          y2="-19.999999999999996"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="138.56406460551017"
          y1="-40"
          x2="173.20508075688772"
          y2="-19.999999999999996"
          stroke="#2563EB"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: default">
        <line
          x1="34.64101615137754"
          y1="100"
          x2="-7.105427357601002e-15"
          y2="80"
          stroke="#000000"
          stroke-width="11"
          stroke-linecap="round"
        ></line>
        <line
          x1="34.64101615137754"
          y1="100"
          x2="-7.105427357601002e-15"
          y2="80"
          stroke="#E67E22"
          stroke-width="9"
          stroke-linecap="round"
        ></line>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-69.28203230275508"
          cy="-120"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-69.28203230275508"
          y="-120"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          5
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="0"
          cy="-120"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="0"
          y="-120"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          2
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="69.28203230275508"
          cy="-120"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="69.28203230275508"
          y="-120"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          6
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-103.92304845413264"
          cy="-60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-103.92304845413264"
          y="-60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          3
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-34.64101615137754"
          cy="-60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-34.64101615137754"
          y="-60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          8
        </text>
      </g>
      <g style="cursor: pointer">
        <rect
          x="21.641016151377542"
          y="-73"
          width="26"
          height="26"
          fill="#2C3E50"
          stroke="#FFFFFF"
          stroke-width="1"
        ></rect>
        <text
          x="34.64101615137754"
          y="-60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#FFFFFF"
        >
          R
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="103.92304845413264"
          cy="-60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="103.92304845413264"
          y="-60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          9
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-138.56406460551017"
          cy="0"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-138.56406460551017"
          y="0"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          12
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-69.28203230275508"
          cy="0"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-69.28203230275508"
          y="0"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          11
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="0"
          cy="0"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="0"
          y="0"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          4
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="69.28203230275508"
          cy="0"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="69.28203230275508"
          y="0"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          6
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="138.56406460551017"
          cy="0"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="138.56406460551017"
          y="0"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          4
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-103.92304845413264"
          cy="60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-103.92304845413264"
          y="60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          5
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-34.64101615137754"
          cy="60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-34.64101615137754"
          y="60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          8
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="34.64101615137754"
          cy="60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="34.64101615137754"
          y="60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          9
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="103.92304845413264"
          cy="60"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="103.92304845413264"
          y="60"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          10
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="-69.28203230275508"
          cy="120"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="-69.28203230275508"
          y="120"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          3
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="0"
          cy="120"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="0"
          y="120"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          11
        </text>
      </g>
      <g style="cursor: pointer">
        <circle
          cx="69.28203230275508"
          cy="120"
          r="13"
          fill="#DEB887"
          stroke="#000000"
          stroke-width="1"
        ></circle>
        <text
          x="69.28203230275508"
          y="120"
          text-anchor="middle"
          dominant-baseline="central"
          font-size="12"
          fill="#000000"
        >
          10
        </text>
      </g>
      <circle
        cx="-34.641016151377535"
        cy="-100"
        r="10"
        fill="#FFFFFF"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="34.64101615137755"
        cy="-140"
        r="10"
        fill="#E67E22"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="-138.5640646055102"
        cy="-40"
        r="10"
        fill="#E74C3C"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="34.64101615137754"
        cy="-20"
        r="10"
        fill="#E74C3C"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="138.5640646055102"
        cy="-40"
        r="10"
        fill="#2563EB"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="-34.641016151377535"
        cy="19.999999999999996"
        r="10"
        fill="#2563EB"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="138.56406460551017"
        cy="40"
        r="10"
        fill="#FFFFFF"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
      <circle
        cx="7.105427357601002e-15"
        cy="80"
        r="10"
        fill="#E67E22"
        stroke="#000000"
        stroke-width="1"
        style="cursor: pointer"
      ></circle>
    </svg>