img/ergaie.svg

<?xml version='1.0' encoding='utf-8'?>
<svg xmlns="http://www.w3.org/2000/svg" class="iso intlBackslash mixed" platform="gnu" theme="reach" viewBox="0 0 900 300">

  <style>
    :root { color-scheme: light dark; }

    rect, path {
      stroke: #666;
      stroke-width: .5px;
      fill: #fff;
    }
    .specialKey,
    .specialKey rect,
    .specialKey path {
      fill: #e4e4e4;
    }
    text {
      fill: #333;
      font: normal 20px sans-serif;
      text-align: center;
    }
    #Backspace text {
      font-size: 12px;
    }

    #Escape { display: none; }

    #row_AE { transform: translate(4px, 4px); }
    #row_AD { transform: translate(4px, 64px); }
    #row_AC { transform: translate(4px, 124px); }
    #row_AB { transform: translate(4px, 184px); }
    #row_AA { transform: translate(4px, 244px); }

    /* Backslash + Enter */
    #Enter path.alt,
    #Enter     .iso,
    #Backslash .iso,
    .alt #Enter rect.ansi,
    .iso #Enter rect.ansi,
    .iso #Enter text.ansi,
    .alt #Backslash .ansi,
    .iso #Backslash .ansi { display: none; }
    #Enter text.ansi,
    .alt #Enter     .alt,
    .iso #Enter     .iso,
    .iso #Backslash .iso { display: block; }
    .iso #Backslash { transform: translate(765px, 60px); }
    .alt #Backslash { transform: translate(780px, -60px); }

    /* Backspace + IntlYen */
    #IntlYen, #Backspace .alt,
    .intlYen  #Backspace .ansi { display: none; }
    .intlYen  #Backspace .alt,
    .intlYen  #IntlYen { display: block; }

    /* ShiftLeft + IntlBackslash */
    #IntlBackslash, #ShiftLeft .iso,
    .intlBackslash  #ShiftLeft .ansi { display: none; }
    .intlBackslash  #ShiftLeft .iso,
    .intlBackslash  #IntlBackslash { display: block; }

    /* ShiftRight + IntlRo */
    #IntlRo, #ShiftRight .abnt,
    .intlRo  #ShiftRight .ansi { display: none; }
    .intlRo  #ShiftRight .abnt,
    .intlRo  #IntlRo { display: block; }

    /* Angle Mod */
    .am #KeyZ          { transform: translateX( 74px); }
    .am #KeyX          { transform: translateX(134px); }
    .am #KeyC          { transform: translateX(194px); }
    .am #KeyV          { transform: translateX(254px); }
    .am #KeyB          { transform: translateX(314px); }
    .am #IntlBackslash { transform: translateX(374px); }

    .specialKey   .ergo,
    .specialKey   .ol60,
    .specialKey   .ol50,
    .specialKey   .ol40,
    #Space        .ol60,
    #Space        .ol50,
    #Space        .ol40,
    #Backquote    .ol60,
    #BracketRight .ol60,
    #Equal        .ol60,
    .ergo #CapsLock,
    .ergo #Space      rect,
    .ergo #Backslash  rect,
    .ergo .specialKey rect,
    .ergo .specialKey text { display: none; }
    .ol50 #Escape,
    .ol40 #Escape,
    .ol60 #Space        .ol60,
    .ol50 #Space        .ol50,
    .ol40 #Space        .ol40,
    .ol60 #Backquote    .ol60,
    .ol60 #BracketRight .ol60,
    .ol60 #Backslash    .ol60,
    .ol60 #Equal        .ol60,
    .ol60 .specialKey   .ol60,
    .ol50 .specialKey   .ol50,
    .ol40 .specialKey   .ol40,
    .ergo .specialKey   .ergo { display: block; }

    .ol50 .pinkyKey, .ol50 #ContextMenu,
    .ol40 .pinkyKey, .ol40 #ContextMenu,
    .ol40 #row_AE .numberKey { display: none; }

    .ergo #row_AE       { transform: translate(94px, 4px); }
    .ergo #row_AD       { transform: translate(64px, 64px); }
    .ergo #row_AC       { transform: translate(49px, 124px); }
    .ergo #row_AB       { transform: translate(19px, 184px); }

    .ergo #Tab          { transform: translate(15px, 0px); }
    .ergo #ShiftLeft    { transform: translate(60px, 0px); }
    .ergo #ControlLeft  { transform: translate(75px, 0px); }
    .ergo #MetaLeft     { transform: translate(150px, 0px); }
    .ergo #AltLeft      { transform: translate(240px, 0px); }
    .ergo #Space        { transform: translate(315px, 0px); }
    .ergo #AltRight     { transform: translate(540px, 0px); }
    .ergo #MetaRight    { transform: translate(630px, 0px); }
    .ergo #ControlRight { transform: translate(750px, 0px); }

    .ergo .left         { transform: translate(-15px, 0px); }
    .ergo .right        { transform: translate(15px, 0px); }

    .ol60 .left         { transform: translate(-75px, 0px); }
    .ol60 #ControlRight { transform: translate(810px, 0px); }
    .ol60 #Backquote    { transform: translate(-15px, 0px); }
    .ol60 #ShiftRight   { transform: translate(795px, 0px); }
    .ol60 #ContextMenu  { transform: translate(750px, 0px); }
    .ol60 #Backslash    { transform: translate(690px, 120px); }
    .ol60 #Backspace    { transform: translate(277.5px, 60px); }
    .ol60 #Enter        { transform: translate(322.5px, 60px); }

    .ol50 #Escape       { transform: translate(-15px, 0px); }
    .ol50 #Backspace    { transform: translate(660px, 0px); }
    .ol50 #Enter        { transform: translate(705px, -60px); }

    .ol40 #Escape       { transform: translate(-15px, 120px); }
    .ol40 #Backspace    { transform: translate(660px, 60px); }
    .ol40 #Enter        { transform: translate(705px, 0px); }

    [platform="gnu"].ergo .specialKey .win,
    [platform="gnu"].ergo .specialKey .mac,
    [platform="win"].ergo .specialKey .gnu,
    [platform="win"].ergo .specialKey .mac { display: none; }
    .ergo .specialKey .mac,
    [platform="gnu"].ergo .specialKey .gnu,
    [platform="win"].ergo .specialKey .win { display: block; }

    /* swap Alt/Meta for MacOSX */
    [platform="gnu"].ergo #MetaLeft,
    [platform="win"].ergo #MetaLeft,
                    .ergo #AltLeft   { transform: translate(150px, 0px); }
    [platform="gnu"].ergo #AltLeft,
    [platform="win"].ergo #AltLeft,
                    .ergo #MetaLeft  { transform: translate(240px, 0px); }
    [platform="gnu"].ergo #AltRight,
    [platform="win"].ergo #AltRight,
                    .ergo #MetaRight { transform: translate(570px, 0px); }
    [platform="gnu"].ergo #MetaRight,
    [platform="win"].ergo #MetaRight,
                    .ergo #AltRight  { transform: translate(660px, 0px); }

    #NonConvert, #Convert, #KanaMode,
    #Lang1, #Lang2,
    #Space .jis,
    #Space .ks,
    .ergo #Space .ansi,
    .ol60 #Space .ansi,
    .ks  #Space .ansi,
    .ks  #Space .jis,
    .jis #Space .ansi,
    .jis #Space .ks { display: none; }
    .ks  #Space .ks,
    .jis #NonConvert, .jis #Convert, .jis #KanaMode,
    .ks #Lang1, .ks #Lang2,
    .jis #Space .jis { display: block; }

    #Backquote .jis,
    #CapsLock  .jis,
    .jis #Backquote .ansi,
    .jis #CapsLock  .ansi { display: none; }
    .jis #Backquote .jis,
    .jis #CapsLock .jis { display: block; }

    #Space text,
    #Lang1 text,
    #Lang2 text,
    #Convert text,
    #NonConvert text,
    .jis #CapsLock text { font-size: 14px; }
    #KanaMode text,
    .jis #Backquote text { font-size: 10px; }

    .specialKey .win,
    .specialKey .gnu {
      display: none;
      font-size: 14px;
    }

    /* display MacOSX by default */
    [platform="gnu"] .specialKey .win,
    [platform="gnu"] .specialKey .mac,
    [platform="win"] .specialKey .gnu,
    [platform="win"] .specialKey .mac { display: none; }
    [platform="mac"] .specialKey .mac,
    [platform="gnu"] .specialKey .gnu,
    [platform="win"] .specialKey .win { display: block; }

    /* swap Alt/Meta for MacOSX */
    [platform="gnu"] #MetaLeft,
    [platform="win"] #MetaLeft,  #AltLeft   { transform: translate(75px, 0px); }
    [platform="gnu"] #AltLeft,
    [platform="win"] #AltLeft,   #MetaLeft  { transform: translate(150px, 0px); }
    [platform="gnu"] #AltRight,
    [platform="win"] #AltRight,  #MetaRight { transform: translate(600px, 0px); }
    [platform="gnu"] #MetaRight,
    [platform="win"] #MetaRight, #AltRight  { transform: translate(675px, 0px); }

    /* optional color theme: reach */
    [theme="reach"] .numberKey rect { fill: hsl( 42, 100%, 95%); }
    [theme="reach"] .letterKey rect { fill: hsl(222, 100%, 95%); }
    [theme="reach"] .homeKey   rect { fill: hsl(222, 100%, 90%); }

    /* optional color theme: hints */
    [theme="hints"] [finger="m1"] rect { fill: hsl(  0, 100%, 95%); }
    [theme="hints"] [finger="l2"] rect { fill: hsl( 42, 100%, 85%); }
    [theme="hints"] [finger="r2"] rect { fill: hsl( 61, 100%, 85%); }
    [theme="hints"] [finger="l3"] rect,
    [theme="hints"] [finger="r3"] rect { fill: hsl(136, 100%, 85%); }
    [theme="hints"] [finger="l4"] rect,
    [theme="hints"] [finger="r4"] rect { fill: hsl(200, 100%, 85%); }
    [theme="hints"] [finger="l5"] rect,
    [theme="hints"] [finger="r5"] rect { fill: hsl(230, 100%, 85%); }
    [theme="hints"] .specialKey   rect,
    [theme="hints"] .specialKey   path { fill: #e4e4e4; }
    [theme="hints"] .hint         rect { fill: #a33; }
    [theme="hints"] .press        rect { fill: #335; }
    [theme="hints"] .press        text { fill: #fff; }
    [theme="hints"] .hint text {
      font-weight: bold;
      fill: white;
    }

    /* hide level3-6 by default */
    .level3, .level4, .level5, .level6 { display: none; }

    /* show 1dk */
    .odk .level5,
    .odk .level6 { display: block; }

    /* show 1dk and AltGr */
    .mixed .level3,
    .mixed .level5 { display: block; opacity: 1; }
    .mixed .level5 { transform: translate(0px, -22.8px); }

    /* show AltGr */
    .altgr .level3,
    .altgr .level4 { display: block; opacity: 1; }

    @media (prefers-color-scheme: dark) {
      rect, path { stroke: #777; fill: #444; }
      .specialKey, .specialKey rect, .specialKey path { fill: #333; }
      text { fill: #bbb; }
      .level3, .level4 { fill: #99f; }
      .level5, .level6 { fill: #6d6; }
      .deadKey { fill: #f44; }

      [theme="reach"] .numberKey rect { fill: hsl( 61, 25%, 30%); }
      [theme="reach"] .letterKey rect { fill: hsl(136, 30%, 30%); }
      [theme="reach"] .letterKey rect { fill: hsl(180, 30%, 30%); }
      [theme="reach"] .homeKey   rect { fill: hsl(230, 30%, 30%); }

      [theme="hints"] [finger="m1"] rect { fill: hsl(  0, 25%, 30%); }
      [theme="hints"] [finger="l2"] rect { fill: hsl( 31, 30%, 30%); }
      [theme="hints"] [finger="r2"] rect { fill: hsl( 61, 30%, 30%); }
      [theme="hints"] [finger="l3"] rect,
      [theme="hints"] [finger="r3"] rect { fill: hsl(136, 30%, 30%); }
      [theme="hints"] [finger="l4"] rect,
      [theme="hints"] [finger="r4"] rect { fill: hsl(200, 30%, 30%); }
      [theme="hints"] [finger="l5"] rect,
      [theme="hints"] [finger="r5"] rect { fill: hsl(230, 30%, 30%); }
      [theme="hints"] .specialKey   rect,
      [theme="hints"] .specialKey   path { fill: #333; }
      [theme="hints"] .hint         rect { fill: #a33; }
      [theme="hints"] .press        rect { fill: #335; }
      [theme="hints"] .press        text { fill: #fff; }
      [theme="hints"] .hint text {
        font-weight: bold;
        fill: white;
      }
    }
  </style>

  <g id="row_AE">
    <g class="left">
      <g class="specialKey" finger="l5" id="Escape">
        <rect width="67" height="52" class="ergo" rx="5" ry="5" />
        <text x="16.4" y="42.8" class="ergo" text-anchor="middle">⎋</text>
      </g>
      <g class="pinkyKey" finger="l5" id="Backquote">
        <rect width="52" height="52" rx="5" ry="5" class="specialKey jis" />
        <rect width="52" height="52" rx="5" ry="5" class="ansi alt iso ergo" />
        <rect width="67" height="52" rx="5" ry="5" class="ol60" />
        <text x="26" y="20" class="jis" text-anchor="middle">半角</text>
        <text x="26" y="32" class="jis" text-anchor="middle">全角</text>
        <text x="26" y="44" class="jis" text-anchor="middle">漢字</text>
        <g class="ansi key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">`</text>
          <text x="12.8" y="20.6" class="level2">~</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="numberKey" finger="l5" id="Digit1" transform="translate(60)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">1</text>
          <text x="12.8" y="20.6" class="level2">€</text>
          <text x="38.0" y="43.4" class="level3">₁</text>
          <text x="38.0" y="20.6" class="level4">¹</text>
          <text x="38.0" y="43.4" class="level5">„</text>
          <text x="38.0" y="20.6" class="level6">‚</text>
        </g>
      </g>
      <g class="numberKey" finger="l4" id="Digit2" transform="translate(120)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">2</text>
          <text x="12.8" y="20.6" class="level2">«</text>
          <text x="38.0" y="43.4" class="level3">₂</text>
          <text x="38.0" y="20.6" class="level4">²</text>
          <text x="38.0" y="43.4" class="level5">“</text>
          <text x="38.0" y="20.6" class="level6">‘</text>
        </g>
      </g>
      <g class="numberKey" finger="l3" id="Digit3" transform="translate(180)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">3</text>
          <text x="12.8" y="20.6" class="level2">»</text>
          <text x="38.0" y="43.4" class="level3">₃</text>
          <text x="38.0" y="20.6" class="level4">³</text>
          <text x="38.0" y="43.4" class="level5">”</text>
          <text x="38.0" y="20.6" class="level6">’</text>
        </g>
      </g>
      <g class="numberKey" finger="l2" id="Digit4" transform="translate(240)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">4</text>
          <text x="12.8" y="20.6" class="level2">$</text>
          <text x="38.0" y="43.4" class="level3">₄</text>
          <text x="38.0" y="20.6" class="level4">⁴</text>
          <text x="38.0" y="43.4" class="level5">¢</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="numberKey" finger="l2" id="Digit5" transform="translate(300)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">5</text>
          <text x="12.8" y="20.6" class="level2">%</text>
          <text x="38.0" y="43.4" class="level3">₅</text>
          <text x="38.0" y="20.6" class="level4">⁵</text>
          <text x="38.0" y="43.4" class="level5">‰</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
    </g>
    <g class="right">
      <g class="numberKey" finger="r2" id="Digit6" transform="translate(360)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">6</text>
          <text x="12.8" y="20.6" class="level2">^</text>
          <text x="38.0" y="43.4" class="level3">₆</text>
          <text x="38.0" y="20.6" class="level4">⁶</text>
          <text x="38.0" y="43.4" class="level5">¥</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="numberKey" finger="r2" id="Digit7" transform="translate(420)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">7</text>
          <text x="12.8" y="20.6" class="level2">&amp;</text>
          <text x="38.0" y="43.4" class="level3">₇</text>
          <text x="38.0" y="20.6" class="level4">⁷</text>
          <text x="38.0" y="43.4" class="level5">¤</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="numberKey" finger="r3" id="Digit8" transform="translate(480)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">8</text>
          <text x="12.8" y="20.6" class="level2">*</text>
          <text x="38.0" y="43.4" class="level3">₈</text>
          <text x="38.0" y="20.6" class="level4">⁸</text>
          <text x="38.0" y="43.4" class="level5">€</text>
          <text x="38.0" y="20.6" class="level6">¡</text>
        </g>
      </g>
      <g class="numberKey" finger="r4" id="Digit9" transform="translate(540)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">9</text>
          <text x="12.8" y="20.6" class="level2">#</text>
          <text x="38.0" y="43.4" class="level3">₉</text>
          <text x="38.0" y="20.6" class="level4">⁹</text>
          <text x="38.0" y="43.4" class="level5">§</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="numberKey" finger="r5" id="Digit0" transform="translate(600)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">0</text>
          <text x="12.8" y="20.6" class="level2">@</text>
          <text x="38.0" y="43.4" class="level3">₀</text>
          <text x="38.0" y="20.6" class="level4">⁰</text>
          <text x="38.0" y="43.4" class="level5">°</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="Minus" transform="translate(660)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">/</text>
          <text x="12.8" y="20.6" class="level2">_</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">÷</text>
          <text x="38.0" y="20.6" class="level6">–</text>
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="Equal" transform="translate(720)">
        <rect width="52" height="52" rx="5" ry="5" />
        <rect width="67" height="52" rx="5" ry="5" class="ol60" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">=</text>
          <text x="12.8" y="20.6" class="level2">+</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">≠</text>
          <text x="38.0" y="20.6" class="level6">±</text>
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="IntlYen" transform="translate(780)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2" />
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="specialKey" finger="r5" id="Backspace" transform="translate(780)">
        <rect width="112" height="52" rx="5" ry="5" class="ansi" />
        <rect width="67" height="112" rx="5" ry="5" class="ol60" y="-60" />
        <rect width="67" height="52" rx="5" ry="5" class="ol40 ol50" />
        <rect width="52" height="52" rx="5" ry="5" class="alt" x="60" />
        <text x="16.4" y="42.8" class="ansi" text-anchor="middle">⌫</text>
        <text x="16.4" y="42.8" class="ergo" text-anchor="middle">⌫</text>
        <text x="16.4" y="42.8" class="alt" text-anchor="middle" transform="translate(60)">⌫</text>
      </g>
    </g>
  </g>

  <g id="row_AD">
    <g class="left">
      <g class="specialKey" finger="l5" id="Tab">
        <rect width="82" height="52" rx="5" ry="5" />
        <rect width="67" height="52" class="ergo" rx="5" ry="5" />
        <text x="16.4" y="42.8" text-anchor="middle">↹</text>
        <text x="16.4" y="42.8" text-anchor="middle" class="ergo">↹</text>
      </g>
      <g class="letterKey" finger="l5" id="KeyQ" transform="translate(90)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">Q</text>
          <text x="38.0" y="43.4" class="level3">^</text>
          <text x="38.0" y="20.6" class="level4 deadKey">^</text>
          <text x="38.0" y="43.4" class="level5">(</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l4" id="KeyW" transform="translate(150)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">C</text>
          <text x="38.0" y="43.4" class="level3">&lt;</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">ç</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l3" id="KeyE" transform="translate(210)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">L</text>
          <text x="38.0" y="43.4" class="level3">&gt;</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">_</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l2" id="KeyR" transform="translate(270)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">D</text>
          <text x="38.0" y="43.4" class="level3">$</text>
          <text x="38.0" y="20.6" class="level4 deadKey">¤</text>
          <text x="38.0" y="43.4" class="level5">)</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l2" id="KeyT" transform="translate(330)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">V</text>
          <text x="38.0" y="43.4" class="level3">%</text>
          <text x="38.0" y="20.6" class="level4">‰</text>
          <text x="38.0" y="43.4" class="level5">œ</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
    </g>
    <g class="right">
      <g class="letterKey" finger="r2" id="KeyY" transform="translate(390)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">K</text>
          <text x="38.0" y="43.4" class="level3">@</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">æ</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r2" id="KeyU" transform="translate(450)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">F</text>
          <text x="38.0" y="43.4" class="level3">&amp;</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">â</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r3" id="KeyI" transform="translate(510)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">O</text>
          <text x="38.0" y="43.4" class="level3">*</text>
          <text x="38.0" y="20.6" class="level4">×</text>
          <text x="38.0" y="43.4" class="level5">!</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r4" id="KeyO" transform="translate(570)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2 deadKey">★</text>
          <text x="38.0" y="43.4" class="level3">'</text>
          <text x="38.0" y="20.6" class="level4 deadKey">´</text>
          <text x="38.0" y="43.4" class="level5 deadKey">¨</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r5" id="KeyP" transform="translate(630)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">J</text>
          <text x="38.0" y="43.4" class="level3">`</text>
          <text x="38.0" y="20.6" class="level4 deadKey">`</text>
          <text x="38.0" y="43.4" class="level5">ù</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="BracketLeft" transform="translate(690)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">(</text>
          <text x="12.8" y="20.6" class="level2">[</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="BracketRight" transform="translate(750)">
        <rect width="52" height="52" rx="5" ry="5" />
        <rect width="67" height="52" rx="5" ry="5" class="ol60" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">)</text>
          <text x="12.8" y="20.6" class="level2">]</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="Backslash" transform="translate(810)">
        <rect width="82" height="52" rx="5" ry="5" class="ansi" />
        <rect width="52" height="52" rx="5" ry="5" class="iso ol60" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">\</text>
          <text x="12.8" y="20.6" class="level2">|</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
    </g>
  </g>

  <g id="row_AC">
    <g class="left">
      <g class="specialKey" finger="l5" id="CapsLock">
        <rect width="97" height="52" rx="5" ry="5" />
        <text x="16.4" y="42.8" text-anchor="middle" class="ansi">⇪</text>
        <text x="23.0" y="42.8" text-anchor="middle" class="jis">英数</text>
      </g>
      <g class="letterKey homeKey" finger="l5" id="KeyA" transform="translate(105)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">R</text>
          <text x="38.0" y="43.4" class="level3">{</text>
          <text x="38.0" y="20.6" class="level4 deadKey">ˇ</text>
          <text x="38.0" y="43.4" class="level5">î</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey homeKey" finger="l4" id="KeyS" transform="translate(165)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">S</text>
          <text x="38.0" y="43.4" class="level3">(</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">ô</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey homeKey" finger="l3" id="KeyD" transform="translate(225)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">N</text>
          <text x="38.0" y="43.4" class="level3">)</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">û</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey homeKey" finger="l2" id="KeyF" transform="translate(285)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">T</text>
          <text x="38.0" y="43.4" class="level3">}</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">à</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l2" id="KeyG" transform="translate(345)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">B</text>
          <text x="38.0" y="43.4" class="level3">=</text>
          <text x="38.0" y="20.6" class="level4">≠</text>
          <text x="38.0" y="43.4" class="level5">ß</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
    </g>
    <g class="right">
      <g class="letterKey" finger="r2" id="KeyH" transform="translate(405)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">,</text>
          <text x="12.8" y="20.6" class="level2">;</text>
          <text x="38.0" y="43.4" class="level3">\</text>
          <text x="38.0" y="20.6" class="level4 deadKey">/</text>
          <text x="38.0" y="43.4" class="level5">–</text>
          <text x="38.0" y="20.6" class="level6">_</text>
        </g>
      </g>
      <g class="letterKey homeKey" finger="r2" id="KeyJ" transform="translate(465)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">U</text>
          <text x="38.0" y="43.4" class="level3">+</text>
          <text x="38.0" y="20.6" class="level4">±</text>
          <text x="38.0" y="43.4" class="level5">é</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey homeKey" finger="r3" id="KeyK" transform="translate(525)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">E</text>
          <text x="38.0" y="43.4" class="level3">-</text>
          <text x="38.0" y="20.6" class="level4">—</text>
          <text x="38.0" y="43.4" class="level5">ê</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey homeKey" finger="r4" id="KeyL" transform="translate(585)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">I</text>
          <text x="38.0" y="43.4" class="level3">/</text>
          <text x="38.0" y="20.6" class="level4">÷</text>
          <text x="38.0" y="43.4" class="level5">–</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey homeKey" finger="r5" id="Semicolon" transform="translate(645)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">A</text>
          <text x="38.0" y="43.4" class="level3">"</text>
          <text x="38.0" y="20.6" class="level4 deadKey">¨</text>
          <text x="38.0" y="43.4" class="level5">è</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="Quote" transform="translate(705)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">'</text>
          <text x="12.8" y="20.6" class="level2">"</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="specialKey" finger="r5" id="Enter" transform="translate(765)">
        <path class="alt" d="M50-60h72a5 5 0 0 1 5 5V47a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5V5a5 5 0 0 1 5-5h35a5 5 1 0 0 5-5v-50a5 5 0 0 1 5-5z" />
        <path class="iso" d="M50-60h72a5 5 0 0 1 5 5V47a5 5 0 0 1-5 5H65a5 5 0 0 1-5-5V-3a5 5 1 0 0-5-5h-5a5 5 0 0 1-5-5v-42a5 5 0 0 1 5-5z" />
        <rect width="127" height="52" rx="5" ry="5" class="ansi" />
        <rect width="67" height="112" rx="5" ry="5" class="ol60" y="-60" />
        <rect width="67" height="52" rx="5" ry="5" class="ol40 ol50" />
        <text x="16.4" y="42.8" text-anchor="middle" class="ansi alt ergo">⏎</text>
        <text x="16.4" y="42.8" text-anchor="middle" class="iso" transform="translate(60)">⏎</text>
      </g>
    </g>
  </g>

  <g id="row_AB">
    <g class="left">
      <g class="specialKey" finger="l5" id="ShiftLeft">
        <rect width="127" height="52" rx="5" ry="5" class="ansi alt" />
        <rect width="67" height="52" rx="5" ry="5" class="iso" />
        <rect width="67" height="112" rx="5" ry="5" class="ol50 ol60" y="-60" />
        <rect width="67" height="52" rx="5" ry="5" class="ol40" />
        <text x="16.4" y="42.8" text-anchor="middle">⇧</text>
        <text x="16.4" y="42.8" text-anchor="middle" class="ergo">⇧</text>
      </g>
      <g class="pinkyKey" finger="l5" id="IntlBackslash" transform="translate(75)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">&lt;</text>
          <text x="12.8" y="20.6" class="level2">&gt;</text>
          <text x="38.0" y="43.4" class="level3" />
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5" />
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l5" id="KeyZ" transform="translate(135)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">X</text>
          <text x="38.0" y="43.4" class="level3">~</text>
          <text x="38.0" y="20.6" class="level4 deadKey">~</text>
          <text x="38.0" y="43.4" class="level5">ï</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l4" id="KeyX" transform="translate(195)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">G</text>
          <text x="38.0" y="43.4" class="level3">[</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5 deadKey">α</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l3" id="KeyC" transform="translate(255)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">M</text>
          <text x="38.0" y="43.4" class="level3">]</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">ñ</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l2" id="KeyV" transform="translate(315)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">P</text>
          <text x="38.0" y="43.4" class="level3">_</text>
          <text x="38.0" y="20.6" class="level4">–</text>
          <text x="38.0" y="43.4" class="level5">·</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="l2" id="KeyB" transform="translate(375)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">W</text>
          <text x="38.0" y="43.4" class="level3">#</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">—</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
    </g>
    <g class="right">
      <g class="letterKey" finger="r2" id="KeyN" transform="translate(435)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">Z</text>
          <text x="38.0" y="43.4" class="level3">|</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">ü</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r2" id="KeyM" transform="translate(495)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">H</text>
          <text x="38.0" y="43.4" class="level3">!</text>
          <text x="38.0" y="20.6" class="level4">¬</text>
          <text x="38.0" y="43.4" class="level5">ë</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r3" id="Comma" transform="translate(555)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">-</text>
          <text x="12.8" y="20.6" class="level2">?</text>
          <text x="38.0" y="43.4" class="level3">;</text>
          <text x="38.0" y="20.6" class="level4 deadKey">¸</text>
          <text x="38.0" y="43.4" class="level5">‑</text>
          <text x="38.0" y="20.6" class="level6">¿</text>
        </g>
      </g>
      <g class="letterKey" finger="r4" id="Period" transform="translate(615)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1" />
          <text x="12.8" y="20.6" class="level2">Y</text>
          <text x="38.0" y="43.4" class="level3">:</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">ÿ</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="letterKey" finger="r5" id="Slash" transform="translate(675)">
        <rect width="52" height="52" rx="5" ry="5" />
        <g class="key" text-anchor="middle">
          <text x="12.8" y="43.4" class="level1">.</text>
          <text x="12.8" y="20.6" class="level2">:</text>
          <text x="38.0" y="43.4" class="level3">?</text>
          <text x="38.0" y="20.6" class="level4" />
          <text x="38.0" y="43.4" class="level5">…</text>
          <text x="38.0" y="20.6" class="level6" />
        </g>
      </g>
      <g class="pinkyKey" finger="r5" id="IntlRo" transform="translate(735)">
        <rect width="52" height="52" rx="5" ry="5" />
      </g>
      <g class="specialKey" finger="r5" id="ShiftRight" transform="translate(735)">
        <rect width="157" height="52" rx="5" ry="5" class="ansi" />
        <rect width="97" height="52" rx="5" ry="5" class="abnt" x="60" />
        <rect width="67" height="112" rx="5" ry="5" class="ol50 ol60" y="-60" />
        <rect width="67" height="52" rx="5" ry="5" class="ol40" />
        <text x="16.4" y="42.8" text-anchor="middle" class="ansi">⇧</text>
        <text x="16.4" y="42.8" text-anchor="middle" class="ergo">⇧</text>
        <text x="16.4" y="42.8" text-anchor="middle" class="abnt" transform="translate(60)">⇧</text>
      </g>
    </g>
  </g>

  <g id="row_AA">
    <g class="left">
      <g class="specialKey" id="ControlLeft">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="67" height="52" rx="5" ry="5" class="ergo" />
        <text x="11.0" y="42.8" class="win gnu">Ctrl</text>
        <text x="16.4" y="42.8" class="mac" text-anchor="middle">⌃</text>
      </g>
      <g class="specialKey" id="MetaLeft" transform="translate(75)">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="82" height="52" rx="5" ry="5" class="ergo" />
        <text x="11.0" y="42.8" class="win">Win</text>
        <text x="11.0" y="42.8" class="gnu">Super</text>
        <text x="16.4" y="42.8" class="mac" text-anchor="middle">⌘</text>
      </g>
      <g class="specialKey" id="AltLeft" transform="translate(150)">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="82" height="52" rx="5" ry="5" class="ergo" />
        <text x="11.0" y="42.8" class="win gnu">Alt</text>
        <text x="16.4" y="42.8" class="mac" text-anchor="middle">⌥</text>
      </g>
      <g class="specialKey" id="Lang2" transform="translate(225)">
        <rect width="52" height="52" rx="5" ry="5" />
        <text x="20" y="42.8" text-anchor="middle">한자</text>
      </g>
      <g class="specialKey" id="NonConvert" transform="translate(225)">
        <rect width="52" height="52" rx="5" ry="5" />
        <text x="26" y="42.8" text-anchor="middle">無変換</text>
      </g>
    </g>
    <g class="homeKey" finger="m1" id="Space" transform="translate(225)">
      <rect width="367" height="52" rx="5" ry="5" class="ansi" />
      <rect width="322" height="52" rx="5" ry="5" class="ol60" x="-60" />
      <rect width="262" height="52" rx="5" ry="5" class="ol50 ol40" />
      <rect width="247" height="52" rx="5" ry="5" class="ks" x="60" />
      <rect width="187" height="52" rx="5" ry="5" class="jis" x="60" />
      <g class="key" text-anchor="begin">
        <text x="11.0" y="43.4" class="level1 ansi" />
        <text x="-49.0" y="43.4" class="level2 ol60" />
        <text x="11.0" y="43.4" class="level1 ol50 ol40" />
        <text x="11.0" y="20.6" class="level2 ansi" />
        <text x="-49.0" y="20.6" class="level2 ol60" />
        <text x="11.0" y="20.6" class="level2 ol50 ol40" />
      </g>
      <g class="key" text-anchor="end">
        <text x="356.0" y="43.4" class="level3 ansi" />
        <text x="356.0" y="43.4" class="level5 ansi" />
        <text x="251.0" y="43.4" class="level3 ol60 ol50 ol40" />
        <text x="251.0" y="43.4" class="level5 ol60 ol50 ol40" />
      </g>
    </g>
    <g class="right">
      <g class="specialKey" id="Convert" transform="translate(480)">
        <rect width="52" height="52" rx="5" ry="5" />
        <text x="26" y="42.8" text-anchor="middle">変換</text>
      </g>
      <g class="specialKey" id="KanaMode" transform="translate(540)">
        <rect width="52" height="52" rx="5" ry="5" />
        <text x="26" y="20" text-anchor="middle">カタカナ</text>
        <text x="26" y="32" text-anchor="middle">ひらがな</text>
        <text x="26" y="44" text-anchor="middle">ローマ字</text>
      </g>
      <g class="specialKey" id="Lang1" transform="translate(540)">
        <rect width="52" height="52" rx="5" ry="5" />
        <text x="20" y="42.8" text-anchor="middle">한/영</text>
      </g>
      <g class="specialKey" id="AltRight" transform="translate(600)">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="82" height="52" rx="5" ry="5" class="ergo" />
        <text x="11.0" y="42.8" class="win gnu">AltGr</text>
        <text x="16.4" y="42.8" class="mac" text-anchor="middle">⌥</text>
      </g>
      <g class="specialKey" id="MetaRight" transform="translate(690)">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="82" height="52" rx="5" ry="5" class="ergo" />
        <text x="11.0" y="42.8" class="win">Win</text>
        <text x="11.0" y="42.8" class="gnu">Super</text>
        <text x="16.4" y="42.8" class="mac" text-anchor="middle">⌘</text>
      </g>
      <g class="specialKey" id="ContextMenu" transform="translate(750)">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="52" height="52" rx="5" ry="5" class="ergo" />
        <text x="16.4" y="42.8" text-anchor="middle">☰</text>
        <text x="16.4" y="42.8" text-anchor="middle" class="ol60">☰</text>
      </g>
      <g class="specialKey" id="ControlRight" transform="translate(825)">
        <rect width="67" height="52" rx="5" ry="5" />
        <rect width="67" height="52" rx="5" ry="5" class="ergo" />
        <text x="11.0" y="42.8" class="win gnu">Ctrl</text>
        <text x="16.4" y="42.8" class="mac" text-anchor="middle">⌃</text>
      </g>
    </g>
  </g>
</svg>