guide/transform11.svg

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   width="340"
   height="845.5"
   version="1.1"
   id="svg594"
   sodipodi:docname="transform11.svg"
   inkscape:version="0.92.3 (2405546, 2018-03-11)">
  <metadata
     id="metadata600">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <defs
     id="defs598" />
  <sodipodi:namedview
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1"
     objecttolerance="10"
     gridtolerance="10"
     guidetolerance="10"
     inkscape:pageopacity="0"
     inkscape:pageshadow="2"
     inkscape:window-width="1360"
     inkscape:window-height="706"
     id="namedview596"
     showgrid="false"
     inkscape:zoom="0.59832869"
     inkscape:cx="321.25"
     inkscape:cy="448.75"
     inkscape:window-x="-8"
     inkscape:window-y="-8"
     inkscape:window-maximized="1"
     inkscape:current-layer="svg594" />
  <g
     id="g48"
     transform="translate(-304.18063,-53.671322)">
    <g
       transform="translate(314,170)"
       id="g10">
      <g
         transform="scale(1.5)"
         id="g8">
        <path
           d="m 0.5,14.5 v -4 a 4,4 90 0 1 4,-4 h 4 l 5,-6 5,6 h 9 60 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -60 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 l -5,6 -5,-6 h -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#daa926;fill-opacity:1;stroke:#daaf30;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path2"
           inkscape:connector-curvature="0" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text6">
          <tspan
             x="20"
             y="22"
             id="tspan4">start</tspan>
        </text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,314,182)"
       id="g26">
      <g
         style="isolation:isolate"
         id="g24">
        <g
           id="レイヤー_2"
           data-name="レイヤー 2">
          <g
             id="Icon">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect12"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path14"
               inkscape:connector-curvature="0" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path16"
               inkscape:connector-curvature="0" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path18"
               inkscape:connector-curvature="0" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path20"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
    </g>
    <g
       transform="matrix(0.4,0,0,0.4,424,182)"
       id="g46">
      <g
         transform="translate(-3.1884835,0.12548216)"
         style="fill:#ffada6;stroke:#ed001d;stroke-width:1.99999976;stroke-miterlimit:4;stroke-dasharray:none"
         id="g3586">
        <path
           style="fill:#ffada6;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
           id="path4725"
           d="m 31.188483,5.8745178 c 0,0 -1.254644,-1 -2,-1 -1.490712,0 -2.945907,0.9459074 -4,2 -1.581139,1.5811389 -1.692548,4.1860072 -3,6.0000002 -0.826905,1.14727 -1.85273,2.173095 -3,3 -1.813992,1.307452 -4.41886,1.418861 -5.999999,3 -1.054093,1.054093 -2,2.509288 -2,4 0,1.490712 1.176934,3.540162 2,4 2.595129,1.449868 0.836609,0.648512 2,2 0,0 -1.040434,3.300808 -1,5 0.06539,2.747959 1.999999,7 1.999999,8 0,1 3.621931,4.46873 6,6 2.394526,1.541867 5.323775,2.059095 8.164792,2.258437 3.065644,0.215103 5.976447,-0.356365 8.670416,-1.835208 1.652944,-0.907377 3.020234,-1.924716 4.164792,-3.423229 1.631246,-2.13571 3.310226,-4.40261 4,-7 0.42778,-1.610833 0.203639,-3.345821 0,-5 -0.167925,-1.364071 -1.27205,-2.652826 -1,-4 0.329909,-1.633688 2.319717,-2.47849 3,-4 0.693755,-1.551642 1.687609,-3.445625 1,-5 -0.786311,-1.777496 -3.357594,-1.960634 -5,-3 -1.015577,-0.642689 -2.106041,-1.196706 -3,-2 -1.93647,-1.740075 -3.442391,-3.913943 -5,-6.0000002 -0.71906,-0.9630146 -1.044881,-2.2704844 -2,-3 -0.837694,-0.6398275 -1.974105,-1.2421808 -3,-1 -0.458794,0.1083066 -1,1 -1,1"
           inkscape:connector-curvature="0" />
        <path
           d="m 46.209786,28.156906 c 0,0 1.463947,5.738921 1.001084,8.583832 -0.503422,3.094194 -1.733796,6.320068 -4.004337,8.583833 -2.061998,2.055845 -3.20724,2.828474 -6.006505,3.815036 -1.290398,0.454783 -4.973515,0.953759 -6.514048,0.953759 -1.540535,0 -5.223651,-0.498977 -6.514049,-0.95376 -2.799265,-0.986562 -3.944507,-1.759191 -6.006506,-3.815036 -2.270541,-2.263765 -3.500915,-5.489639 -4.004337,-8.583833 -0.462863,-2.844911 1.001084,-8.583832 1.001084,-8.583832 M 28.176267,22.43435 c 0,0 -4.122174,4.705629 -7.007589,5.722555 -1.877805,0.661806 -4.201946,0.826315 -6.006506,0 -1.925806,-0.881834 -3.58357,-2.772978 -4.004337,-4.768796 -0.478397,-2.26917 0.558956,-4.123549 2.470477,-5.529022 2.067374,-1.520067 4.598363,-1.662883 6.539282,-3.054811 2.515152,-1.803739 2.912345,-5.389772 5.005421,-7.6300732 1.420632,-1.520559 5.512965,-3.8150366 5.512965,-3.8150366 0,0 4.092331,2.2944775 5.512964,3.8150365 2.093073,2.2403013 2.490269,5.8263353 5.005421,7.6300743 1.940919,1.391928 4.538808,1.465531 6.606183,2.927334 1.937249,1.369793 2.881973,3.387329 2.403575,5.656499 -0.420767,1.995818 -2.078532,3.886962 -4.004337,4.768796 -1.80456,0.826315 -4.1287,0.661806 -6.006505,0 -2.885416,-1.016926 -7.00759,-5.722555 -7.00759,-5.722555"
           id="path4505-6"
           style="fill:none;stroke:#ed001d;stroke-width:1.95427048;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
           inkscape:connector-curvature="0" />
        <g
           id="g4565"
           transform="matrix(1.0010843,0,0,0.95375917,57.401951,5.3863652)"
           style="fill:none;stroke:#ed001d;stroke-opacity:1">
          <g
             id="g4553"
             transform="translate(0,-1)"
             style="fill:none;stroke:#ed001d;stroke-opacity:1">
            <path
               d="M -30.228157,8.514322 C -33.422908,9.40349 -38.624018,5.874516 -40.102591,4.585664"
               id="path3411-7"
               style="fill:none;fill-rule:evenodd;stroke:#ed001d;stroke-width:1.93205309;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
               inkscape:connector-curvature="0" />
            <path
               d="M -29.760199,5.904536 C -33.101366,5.473905 -35.931474,3.7361852 -37.633646,2.3416285"
               id="path3413-5"
               style="fill:none;fill-rule:evenodd;stroke:#ed001d;stroke-width:1.93205309;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
               inkscape:connector-curvature="0" />
          </g>
          <g
             id="g4557"
             style="fill:none;stroke:#ed001d;stroke-opacity:1">
            <path
               d="m -23.145912,7.514322 c 3.194751,0.889168 8.395861,-2.639806 9.874434,-3.928658"
               id="path3411-3"
               style="fill:none;fill-rule:evenodd;stroke:#ed001d;stroke-width:1.93205309;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
               inkscape:connector-curvature="0" />
            <path
               d="m -23.61387,4.904536 c 3.341167,-0.430631 6.171275,-2.168351 7.873447,-3.5629075"
               id="path3413-56"
               style="fill:none;fill-rule:evenodd;stroke:#ed001d;stroke-width:1.93205309;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
               inkscape:connector-curvature="0" />
          </g>
        </g>
        <g
           id="g4636"
           transform="matrix(1.0010843,0,0,0.95375917,57.930597,3.4788469)"
           style="fill:#ffffff;fill-opacity:0.94117647;stroke:#ed001d;stroke-opacity:1">
          <ellipse
             cx="-30.836912"
             cy="14.612609"
             id="circle3409-2"
             rx="1.8846371"
             ry="2.0666313"
             style="fill:#ffffff;fill-opacity:0.94117647;fill-rule:evenodd;stroke:#ed001d;stroke-width:1.99999976;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
          <ellipse
             cx="-23.593306"
             cy="14.699166"
             id="ellipse4229-9"
             rx="1.8846371"
             ry="2.0666313"
             style="fill:#ffffff;fill-opacity:0.94117647;fill-rule:evenodd;stroke:#ed001d;stroke-width:1.99999976;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
        </g>
        <g
           id="g4632"
           transform="matrix(1.0010843,0,0,0.95375917,58.02711,3.4788469)"
           style="fill:none;stroke:#ed001d;stroke-opacity:1">
          <path
             d="m -37.186516,14.624518 c -14.340024,2.75008 -4.810404,15.671871 4.375,5.25"
             id="path4303-1"
             style="fill:none;fill-rule:evenodd;stroke:#ed001d;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
             inkscape:connector-curvature="0" />
          <path
             d="m -17.436517,14.624518 c 14.3400245,2.75008 4.810404,15.671872 -4.375,5.25"
             id="path4303-1-2"
             style="fill:none;fill-rule:evenodd;stroke:#ed001d;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
             inkscape:connector-curvature="0" />
        </g>
        <path
           d="m 33.12784,3.3591671 c -1.384692,1.3140551 -1.985761,2.3793068 -2.459835,2.3793068 -0.662709,0 -1.27278,-1.0652517 -2.459836,-2.3793068 -0.97292,-1.0770097 1.101306,-2.37930771 2.459836,-2.37930771 1.358531,0 3.532987,1.36090081 2.459835,2.37930771 z"
           id="path4227-7"
           style="fill:#ed001d;fill-opacity:1;fill-rule:evenodd;stroke:#ed001d;stroke-width:2.16383076;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
           inkscape:connector-curvature="0" />
        <path
           style="fill:none;stroke:#ed001d;stroke-width:1.95427048;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
           id="path4653"
           d="m 31.302308,50.085622 c 0,0 0.723125,3.123831 5.500191,3.669996 4.777067,0.546166 11.784656,-3.778776 14.78791,-9.501331 3.003254,-5.722555 2.402683,-11.490783 3.003253,-18.121425"
           inkscape:connector-curvature="0" />
      </g>
    </g>
  </g>
  <g
     id="g82"
     transform="translate(-304.18063,-53.671322)">
    <g
       transform="translate(307,57)"
       id="g62">
      <g
         transform="scale(1.5)"
         id="g60">
        <path
           d="m 0.5,14.5 v -4 a 4,4 90 0 1 4,-4 h 4 l 5,-6 5,6 h 9 58 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -58 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 399 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 l -5,6 -5,-6 h -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#daa926;fill-opacity:1;stroke:#daaf30;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path50"
           inkscape:connector-curvature="0" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text54">
          <tspan
             x="20"
             y="22"
             id="tspan52">action</tspan>
        </text>
        <text
           style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text58">
          <tspan
             x="83"
             y="6"
             id="tspan56" />
        </text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,307,69)"
       id="g80">
      <g
         style="isolation:isolate"
         id="g78">
        <g
           id="g76"
           data-name="レイヤー 2">
          <g
             id="g74">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect64"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path66"
               inkscape:connector-curvature="0" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path68"
               inkscape:connector-curvature="0" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path70"
               inkscape:connector-curvature="0" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path72"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(131.81937,12.328678)"
     id="g92">
    <g
       transform="scale(1.5)"
       id="g90">
      <path
         d="m 8.5,0.5 h 90 v 20 h -90 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5942;fill-opacity:1;stroke:#ea4326;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path84"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text88">
        <tspan
           x="13"
           y="14"
           id="tspan86">chunk</tspan>
      </text>
    </g>
  </g>
  <g
     id="g126"
     transform="translate(-304.18063,-53.671322)">
    <g
       transform="translate(321,98)"
       id="g106">
      <g
         transform="scale(1.5)"
         id="g104">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 60 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -60 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#fe994f;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path94"
           inkscape:connector-curvature="0" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text98">
          <tspan
             x="20"
             y="15"
             id="tspan96">note</tspan>
        </text>
        <text
           style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text102">
          <tspan
             x="85"
             y="12"
             id="tspan100">value</tspan>
        </text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,321,102)"
       id="g124">
      <g
         style="isolation:isolate"
         id="g122">
        <g
           id="g120"
           data-name="レイヤー 2">
          <g
             id="g118">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect108"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path110"
               inkscape:connector-curvature="0" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path112"
               inkscape:connector-curvature="0" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path114"
               inkscape:connector-curvature="0" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path116"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(148.81937,44.328678)"
     id="g144">
    <g
       transform="scale(1.5)"
       id="g142">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path128"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text132">
        <tspan
           x="54"
           y="23"
           id="tspan130">/</tspan>
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text136">
        <tspan
           x="54"
           y="12"
           id="tspan134" />
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text140">
        <tspan
           x="54"
           y="33"
           id="tspan138" />
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,44.328678)"
     id="g154">
    <g
       transform="scale(1.5)"
       id="g152">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path146"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text150">
        <tspan
           x="13"
           y="14"
           id="tspan148">1</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,76.32868)"
     id="g164">
    <g
       transform="scale(1.5)"
       id="g162">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path156"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text160">
        <tspan
           x="13"
           y="14"
           id="tspan158">4</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,76.32868)"
     id="g174">
    <g
       transform="scale(1.5)"
       id="g172">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#b0b0b0;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path166"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text170">
        <tspan
           x="36"
           y="14"
           id="tspan168">↓</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,108.32868)"
     id="g192">
    <g
       transform="scale(1.5)"
       id="g190">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path176"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text180">
        <tspan
           x="46"
           y="24"
           id="tspan178">pitch</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text184">
        <tspan
           x="46"
           y="12"
           id="tspan182">name</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text188">
        <tspan
           x="46"
           y="33"
           id="tspan186">octave</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,108.32868)"
     id="g202">
    <g
       transform="scale(1.5)"
       id="g200">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path194"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text198">
        <tspan
           x="13"
           y="14"
           id="tspan196">sol</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,140.32868)"
     id="g212">
    <g
       transform="scale(1.5)"
       id="g210">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path204"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text208">
        <tspan
           x="13"
           y="14"
           id="tspan206">4</tspan>
      </text>
    </g>
  </g>
  <g
     id="g246"
     transform="translate(-304.18063,-53.671322)">
    <g
       transform="translate(321,256)"
       id="g226">
      <g
         transform="scale(1.5)"
         id="g224">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 60 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -60 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#fe994f;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path214"
           inkscape:connector-curvature="0" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text218">
          <tspan
             x="20"
             y="15"
             id="tspan216">note</tspan>
        </text>
        <text
           style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text222">
          <tspan
             x="85"
             y="12"
             id="tspan220">value</tspan>
        </text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,321,260)"
       id="g244">
      <g
         style="isolation:isolate"
         id="g242">
        <g
           id="g240"
           data-name="レイヤー 2">
          <g
             id="g238">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect228"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path230"
               inkscape:connector-curvature="0" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path232"
               inkscape:connector-curvature="0" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path234"
               inkscape:connector-curvature="0" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path236"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(148.81937,202.32868)"
     id="g264">
    <g
       transform="scale(1.5)"
       id="g262">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path248"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text252">
        <tspan
           x="54"
           y="23"
           id="tspan250">/</tspan>
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text256">
        <tspan
           x="54"
           y="12"
           id="tspan254" />
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text260">
        <tspan
           x="54"
           y="33"
           id="tspan258" />
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,202.32868)"
     id="g274">
    <g
       transform="scale(1.5)"
       id="g272">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path266"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text270">
        <tspan
           x="13"
           y="14"
           id="tspan268">1</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,234.32868)"
     id="g284">
    <g
       transform="scale(1.5)"
       id="g282">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path276"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text280">
        <tspan
           x="13"
           y="14"
           id="tspan278">4</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,234.32868)"
     id="g294">
    <g
       transform="scale(1.5)"
       id="g292">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#b0b0b0;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path286"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text290">
        <tspan
           x="36"
           y="14"
           id="tspan288">↓</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,266.32868)"
     id="g312">
    <g
       transform="scale(1.5)"
       id="g310">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path296"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text300">
        <tspan
           x="46"
           y="24"
           id="tspan298">pitch</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text304">
        <tspan
           x="46"
           y="12"
           id="tspan302">name</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text308">
        <tspan
           x="46"
           y="33"
           id="tspan306">octave</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,266.32868)"
     id="g322">
    <g
       transform="scale(1.5)"
       id="g320">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path314"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text318">
        <tspan
           x="13"
           y="14"
           id="tspan316">la</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,298.32868)"
     id="g332">
    <g
       transform="scale(1.5)"
       id="g330">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path324"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text328">
        <tspan
           x="13"
           y="14"
           id="tspan326">4</tspan>
      </text>
    </g>
  </g>
  <g
     id="g366"
     transform="translate(-304.18063,-53.671322)">
    <g
       transform="translate(321,414)"
       id="g346">
      <g
         transform="scale(1.5)"
         id="g344">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 60 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -60 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#fe994f;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path334"
           inkscape:connector-curvature="0" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text338">
          <tspan
             x="20"
             y="15"
             id="tspan336">note</tspan>
        </text>
        <text
           style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text342">
          <tspan
             x="85"
             y="12"
             id="tspan340">value</tspan>
        </text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,321,418)"
       id="g364">
      <g
         style="isolation:isolate"
         id="g362">
        <g
           id="g360"
           data-name="レイヤー 2">
          <g
             id="g358">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect348"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path350"
               inkscape:connector-curvature="0" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path352"
               inkscape:connector-curvature="0" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path354"
               inkscape:connector-curvature="0" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path356"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(148.81937,360.32868)"
     id="g384">
    <g
       transform="scale(1.5)"
       id="g382">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path368"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text372">
        <tspan
           x="54"
           y="23"
           id="tspan370">/</tspan>
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text376">
        <tspan
           x="54"
           y="12"
           id="tspan374" />
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text380">
        <tspan
           x="54"
           y="33"
           id="tspan378" />
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,360.32868)"
     id="g394">
    <g
       transform="scale(1.5)"
       id="g392">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path386"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text390">
        <tspan
           x="13"
           y="14"
           id="tspan388">1</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,392.32868)"
     id="g404">
    <g
       transform="scale(1.5)"
       id="g402">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path396"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text400">
        <tspan
           x="13"
           y="14"
           id="tspan398">4</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,392.32868)"
     id="g414">
    <g
       transform="scale(1.5)"
       id="g412">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#b0b0b0;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path406"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text410">
        <tspan
           x="36"
           y="14"
           id="tspan408">↓</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,424.32868)"
     id="g432">
    <g
       transform="scale(1.5)"
       id="g430">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path416"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text420">
        <tspan
           x="46"
           y="24"
           id="tspan418">pitch</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text424">
        <tspan
           x="46"
           y="12"
           id="tspan422">name</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text428">
        <tspan
           x="46"
           y="33"
           id="tspan426">octave</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,424.32868)"
     id="g442">
    <g
       transform="scale(1.5)"
       id="g440">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path434"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text438">
        <tspan
           x="13"
           y="14"
           id="tspan436">ti</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,456.32868)"
     id="g452">
    <g
       transform="scale(1.5)"
       id="g450">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path444"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text448">
        <tspan
           x="13"
           y="14"
           id="tspan446">4</tspan>
      </text>
    </g>
  </g>
  <g
     id="g486"
     transform="translate(-304.18063,-53.671322)">
    <g
       transform="translate(321,572)"
       id="g466">
      <g
         transform="scale(1.5)"
         id="g464">
        <path
           d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 60 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -60 -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 42 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
           style="fill:#fe994f;fill-opacity:1;stroke:#e86b0e;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
           id="path454"
           inkscape:connector-curvature="0" />
        <text
           style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
           id="text458">
          <tspan
             x="20"
             y="15"
             id="tspan456">note</tspan>
        </text>
        <text
           style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
           id="text462">
          <tspan
             x="85"
             y="12"
             id="tspan460">value</tspan>
        </text>
      </g>
    </g>
    <g
       transform="matrix(0.5,0,0,0.5,321,576)"
       id="g484">
      <g
         style="isolation:isolate"
         id="g482">
        <g
           id="g480"
           data-name="レイヤー 2">
          <g
             id="g478">
            <rect
               width="42"
               height="42"
               rx="5"
               ry="5"
               style="opacity:0.4;mix-blend-mode:multiply;fill:#292929"
               id="rect468"
               x="0"
               y="0" />
            <path
               d="m 30.56,29.8 -4.17,-4.16 h 2.26 a 1.035,1.035 0 1 0 0,-2.07 h -4.71 a 1.08,1.08 0 0 0 -1.11,1 v 0 c 0,0 0,0 0,0.06 v 4.64 0 a 1.04,1.04 0 1 0 2.08,0 v -2.19 l 4.19,4.19 a 1,1 0 0 0 1.46,0 1,1 0 0 0 0,-1.47 z"
               style="fill:#ffffff"
               id="path470"
               inkscape:connector-curvature="0" />
            <path
               d="m 19.17,24.6 a 1.08,1.08 0 0 0 -1.11,-1 h -4.71 a 1.035,1.035 0 1 0 0,2.07 h 2.25 l -4.16,4.13 a 1.039447,1.039447 0 0 0 1.47,1.47 l 4.18,-4.19 v 2.26 a 1.04,1.04 0 1 0 2.08,0 V 24.7 c 0,0 0,0 0,-0.06 a 0.08,0.08 0 0 1 0,-0.04 z"
               style="fill:#ffffff"
               id="path472"
               inkscape:connector-curvature="0" />
            <path
               d="m 23.94,20.5 h 4.7 a 1.04,1.04 0 1 0 0,-2.08 h -2.25 l 4.17,-4.16 a 1,1 0 0 0 0,-1.47 1,1 0 0 0 -1.46,0 L 24.91,17 v -2.28 a 1.04,1.04 0 1 0 -2.08,0 v 4.64 a 0.43,0.43 0 0 0 0,0.05 v 0.05 a 1.09,1.09 0 0 0 1.11,1.04 z"
               style="fill:#ffffff"
               id="path474"
               inkscape:connector-curvature="0" />
            <path
               d="m 18.13,13.62 a 1.08,1.08 0 0 0 -1,1.09 V 17 l -4.18,-4.19 a 1,1 0 0 0 -1.47,0 1,1 0 0 0 0,1.46 l 4.16,4.17 h -2.29 a 1.04,1.04 0 1 0 0,2.08 h 4.71 a 1.09,1.09 0 0 0 1.11,-1 c 0,0 0,0 0,-0.06 v -4.75 a 1.07,1.07 0 0 0 -1.04,-1.09 z"
               style="fill:#ffffff"
               id="path476"
               inkscape:connector-curvature="0" />
          </g>
        </g>
      </g>
    </g>
  </g>
  <g
     transform="translate(148.81937,518.32868)"
     id="g504">
    <g
       transform="scale(1.5)"
       id="g502">
      <path
         d="m 8.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 10 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -10 -4 a 4,4 90 0 1 -4,-4 v -4 -21 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path488"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:9px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text492">
        <tspan
           x="54"
           y="23"
           id="tspan490">/</tspan>
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text496">
        <tspan
           x="54"
           y="12"
           id="tspan494" />
      </text>
      <text
         style="font-size:6px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text500">
        <tspan
           x="54"
           y="33"
           id="tspan498" />
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,518.32868)"
     id="g514">
    <g
       transform="scale(1.5)"
       id="g512">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path506"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text510">
        <tspan
           x="13"
           y="14"
           id="tspan508">1</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(234.81937,550.32868)"
     id="g524">
    <g
       transform="scale(1.5)"
       id="g522">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path516"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text520">
        <tspan
           x="13"
           y="14"
           id="tspan518">4</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,550.32868)"
     id="g534">
    <g
       transform="scale(1.5)"
       id="g532">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 20 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -20 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#b0b0b0;fill-opacity:1;stroke:#a0a0a0;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path526"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text530">
        <tspan
           x="36"
           y="14"
           id="tspan528">↓</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(30.819367,582.32868)"
     id="g552">
    <g
       transform="scale(1.5)"
       id="g550">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 30 4 a 4,4 90 0 1 4,4 v 4 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 17 h -4 v -3 h -4 v 10 h 4 v -3 h 4 v 4 a 4,4 90 0 1 -4,4 h -4 -30 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 -21 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path536"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text540">
        <tspan
           x="46"
           y="24"
           id="tspan538">pitch</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text544">
        <tspan
           x="46"
           y="12"
           id="tspan542">name</tspan>
      </text>
      <text
         style="font-size:6.66666651px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text548">
        <tspan
           x="46"
           y="33"
           id="tspan546">octave</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,582.32868)"
     id="g562">
    <g
       transform="scale(1.5)"
       id="g560">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#77c428;fill-opacity:1;stroke:#57ad02;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path554"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text558">
        <tspan
           x="13"
           y="14"
           id="tspan556">sol</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(104.81937,614.32868)"
     id="g572">
    <g
       transform="scale(1.5)"
       id="g570">
      <path
         d="m 8.5,0.5 h 60 v 20 h -60 v -8 -1 h -6 v 3 h -2 v -8 h 2 v 3 h 6 v -1 z"
         style="fill:#ff5293;fill-opacity:1;stroke:#ff2c76;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path564"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text568">
        <tspan
           x="13"
           y="14"
           id="tspan566">4</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(16.490689,778.32868)"
     id="g582">
    <g
       transform="scale(1.5)"
       id="g580">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 70 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 -70 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#daa926;fill-opacity:1;stroke:#daaf30;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path574"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:end;fill:#282828"
         id="text578">
        <tspan
           x="86"
           y="14"
           id="tspan576">chunk</tspan>
      </text>
    </g>
  </g>
  <g
     transform="translate(2.490689,746.32868)"
     id="g592">
    <g
       transform="scale(1.5)"
       id="g590">
      <path
         d="m 0.5,8.5 v -4 a 4,4 90 0 1 4,-4 h 4 v 2 h 10 v -2 h 9 22.797852 4 a 4,4 90 0 1 4,4 v 4 4 4 a 4,4 90 0 1 -4,4 h -4 H 27.5 h -1 v 2 h -8 v -2 h -1 -4 a 5,5 90 0 0 -5,5 v 4 4 4 a 5,5 90 0 0 5,5 h 4 v 2 h 10 v -2 h 8 v 6 6 4 a 4,4 90 0 1 -4,4 h -4 -9 -1 v 2 h -8 v -2 h -1 -4 a 4,4 90 0 1 -4,-4 v -4 z"
         style="fill:#d68136;fill-opacity:1;stroke:#b7651a;stroke-width:1;stroke-linecap:round;stroke-opacity:1"
         id="path584"
         inkscape:connector-curvature="0" />
      <text
         style="font-size:10px;font-family:sans-serif;text-anchor:start;fill:#282828"
         id="text588">
        <tspan
           x="5"
           y="15"
           id="tspan586">backward</tspan>
      </text>
    </g>
  </g>
</svg>