images/corne_white.svg

<svg width="1200" height="1669" viewBox="0 0 1200 1669" class="keymap" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>/* start glyphs */
<svg id="mdi:apple-keyboard-command">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-command" viewBox="0 0 24 24"><path d="M6,2A4,4 0 0,1 10,6V8H14V6A4,4 0 0,1 18,2A4,4 0 0,1 22,6A4,4 0 0,1 18,10H16V14H18A4,4 0 0,1 22,18A4,4 0 0,1 18,22A4,4 0 0,1 14,18V16H10V18A4,4 0 0,1 6,22A4,4 0 0,1 2,18A4,4 0 0,1 6,14H8V10H6A4,4 0 0,1 2,6A4,4 0 0,1 6,2M16,18A2,2 0 0,0 18,20A2,2 0 0,0 20,18A2,2 0 0,0 18,16H16V18M14,10H10V14H14V10M6,16A2,2 0 0,0 4,18A2,2 0 0,0 6,20A2,2 0 0,0 8,18V16H6M8,6A2,2 0 0,0 6,4A2,2 0 0,0 4,6A2,2 0 0,0 6,8H8V6M18,8A2,2 0 0,0 20,6A2,2 0 0,0 18,4A2,2 0 0,0 16,6V8H18Z" /></svg>
</svg>
<svg id="mdi:apple-keyboard-control">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-control" viewBox="0 0 24 24"><path d="M19.78,11.78L18.36,13.19L12,6.83L5.64,13.19L4.22,11.78L12,4L19.78,11.78Z" /></svg>
</svg>
<svg id="mdi:apple-keyboard-option">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-option" viewBox="0 0 24 24"><path d="M3,4H9.11L16.15,18H21V20H14.88L7.84,6H3V4M14,4H21V6H14V4Z" /></svg>
</svg>
<svg id="mdi:apple-keyboard-shift">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-shift" viewBox="0 0 24 24"><path d="M15,18V12H17.17L12,6.83L6.83,12H9V18H15M12,4L22,14H17V20H7V14H2L12,4Z" /></svg>
</svg>
<svg id="mdi:apps">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apps" viewBox="0 0 24 24"><path d="M16,20H20V16H16M16,14H20V10H16M10,8H14V4H10M16,8H20V4H16M10,14H14V10H10M4,14H8V10H4M4,20H8V16H4M10,20H14V16H10M4,8H8V4H4V8Z" /></svg>
</svg>
<svg id="mdi:arrow-down-bold">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-down-bold" viewBox="0 0 24 24"><path d="M9,4H15V12H19.84L12,19.84L4.16,12H9V4Z" /></svg>
</svg>
<svg id="mdi:arrow-left-bold">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-left-bold" viewBox="0 0 24 24"><path d="M20,9V15H12V19.84L4.16,12L12,4.16V9H20Z" /></svg>
</svg>
<svg id="mdi:arrow-right-bold">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-right-bold" viewBox="0 0 24 24"><path d="M4,15V9H12V4.16L19.84,12L12,19.84V15H4Z" /></svg>
</svg>
<svg id="mdi:arrow-up-bold">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-arrow-up-bold" viewBox="0 0 24 24"><path d="M15,20H9V12H4.16L12,4.16L19.84,12H15V20Z" /></svg>
</svg>
<svg id="mdi:backspace">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backspace" viewBox="0 0 24 24"><path d="M22,3H7C6.31,3 5.77,3.35 5.41,3.88L0,12L5.41,20.11C5.77,20.64 6.31,21 7,21H22A2,2 0 0,0 24,19V5A2,2 0 0,0 22,3M19,15.59L17.59,17L14,13.41L10.41,17L9,15.59L12.59,12L9,8.41L10.41,7L14,10.59L17.59,7L19,8.41L15.41,12" /></svg>
</svg>
<svg id="mdi:backspace-reverse-outline">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backspace-reverse-outline" viewBox="0 0 24 24"><path d="M5,15.59L6.41,17L10,13.41L13.59,17L15,15.59L11.41,12L15,8.41L13.59,7L10,10.59L6.41,7L5,8.41L8.59,12L5,15.59M2,3A2,2 0 0,0 0,5V19A2,2 0 0,0 2,21H17C17.69,21 18.23,20.64 18.59,20.11L24,12L18.59,3.88C18.23,3.35 17.69,3 17,3H2M2,5H17L21.72,12L17,19H2V5Z" /></svg>
</svg>
<svg id="mdi:bluetooth">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth" viewBox="0 0 24 24"><path d="M14.88,16.29L13,18.17V14.41M13,5.83L14.88,7.71L13,9.58M17.71,7.71L12,2H11V9.58L6.41,5L5,6.41L10.59,12L5,17.58L6.41,19L11,14.41V22H12L17.71,16.29L13.41,12L17.71,7.71Z" /></svg>
</svg>
<svg id="mdi:bluetooth-off">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-off" viewBox="0 0 24 24"><path d="M13,5.83L14.88,7.71L13.28,9.31L14.69,10.72L17.71,7.7L12,2H11V7.03L13,9.03M5.41,4L4,5.41L10.59,12L5,17.59L6.41,19L11,14.41V22H12L16.29,17.71L18.59,20L20,18.59M13,18.17V14.41L14.88,16.29" /></svg>
</svg>
<svg id="mdi:brightness-5">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-5" viewBox="0 0 24 24"><path d="M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,15.31L23.31,12L20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31Z" /></svg>
</svg>
<svg id="mdi:brightness-7">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-brightness-7" viewBox="0 0 24 24"><path d="M12,8A4,4 0 0,0 8,12A4,4 0 0,0 12,16A4,4 0 0,0 16,12A4,4 0 0,0 12,8M12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z" /></svg>
</svg>
<svg id="mdi:keyboard-backspace">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-backspace" viewBox="0 0 24 24"><path d="M21,11H6.83L10.41,7.41L9,6L3,12L9,18L10.41,16.58L6.83,13H21V11Z" /></svg>
</svg>
<svg id="mdi:keyboard-esc">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-esc" viewBox="0 0 24 24"><path d="M1 7H7V9H3V11H7V13H3V15H7V17H1V7M11 7H15V9H11V11H13C14.11 11 15 11.9 15 13V15C15 16.11 14.11 17 13 17H9V15H13V13H11C9.9 13 9 12.11 9 11V9C9 7.9 9.9 7 11 7M19 7H21C22.11 7 23 7.9 23 9V10H21V9H19V15H21V14H23V15C23 16.11 22.11 17 21 17H19C17.9 17 17 16.11 17 15V9C17 7.9 17.9 7 19 7Z" /></svg>
</svg>
<svg id="mdi:keyboard-return">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-return" viewBox="0 0 24 24"><path d="M19,7V11H5.83L9.41,7.41L8,6L2,12L8,18L9.41,16.58L5.83,13H21V7H19Z" /></svg>
</svg>
<svg id="mdi:keyboard-space">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-space" viewBox="0 0 24 24"><path d="M3 15H5V19H19V15H21V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V15Z" /></svg>
</svg>
<svg id="mdi:keyboard-tab">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-keyboard-tab" viewBox="0 0 24 24"><path d="M20,18H22V6H20M11.59,7.41L15.17,11H1V13H15.17L11.59,16.58L13,18L19,12L13,6L11.59,7.41Z" /></svg>
</svg>
<svg id="mdi:magnify">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-magnify" viewBox="0 0 24 24"><path d="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z" /></svg>
</svg>
<svg id="mdi:menu-down">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-down" viewBox="0 0 24 24"><path d="M7,10L12,15L17,10H7Z" /></svg>
</svg>
<svg id="mdi:menu-up">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-up" viewBox="0 0 24 24"><path d="M7,15L12,10L17,15H7Z" /></svg>
</svg>
<svg id="mdi:numeric-0">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-0" viewBox="0 0 24 24"><path d="M11,7A2,2 0 0,0 9,9V15A2,2 0 0,0 11,17H13A2,2 0 0,0 15,15V9A2,2 0 0,0 13,7H11M11,9H13V15H11V9Z" /></svg>
</svg>
<svg id="mdi:numeric-1">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-1" viewBox="0 0 24 24"><path d="M10,7V9H12V17H14V7H10Z" /></svg>
</svg>
<svg id="mdi:numeric-2">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-2" viewBox="0 0 24 24"><path d="M9,7V9H13V11H11A2,2 0 0,0 9,13V17H11L15,17V15H11V13H13A2,2 0 0,0 15,11V9A2,2 0 0,0 13,7H9Z" /></svg>
</svg>
<svg id="mdi:numeric-3">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-numeric-3" viewBox="0 0 24 24"><path d="M15,15V13.5A1.5,1.5 0 0,0 13.5,12A1.5,1.5 0 0,0 15,10.5V9C15,7.89 14.1,7 13,7H9V9H13V11H11V13H13V15H9V17H13A2,2 0 0,0 15,15" /></svg>
</svg>
<svg id="mdi:play-pause">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-play-pause" viewBox="0 0 24 24"><path d="M3,5V19L11,12M13,19H16V5H13M18,5V19H21V5" /></svg>
</svg>
<svg id="mdi:skip-next">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-next" viewBox="0 0 24 24"><path d="M16,18H18V6H16M6,18L14.5,12L6,6V18Z" /></svg>
</svg>
<svg id="mdi:skip-previous">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-skip-previous" viewBox="0 0 24 24"><path d="M6,18V6H8V18H6M9.5,12L18,6V18L9.5,12Z" /></svg>
</svg>
<svg id="mdi:volume-high">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-high" viewBox="0 0 24 24"><path d="M14,3.23V5.29C16.89,6.15 19,8.83 19,12C19,15.17 16.89,17.84 14,18.7V20.77C18,19.86 21,16.28 21,12C21,7.72 18,4.14 14,3.23M16.5,12C16.5,10.23 15.5,8.71 14,7.97V16C15.5,15.29 16.5,13.76 16.5,12M3,9V15H7L12,20V4L7,9H3Z" /></svg>
</svg>
<svg id="mdi:volume-low">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-low" viewBox="0 0 24 24"><path d="M7,9V15H11L16,20V4L11,9H7Z" /></svg>
</svg>
<svg id="mdi:volume-off">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-volume-off" viewBox="0 0 24 24"><path d="M12,4L9.91,6.09L12,8.18M4.27,3L3,4.27L7.73,9H3V15H7L12,20V13.27L16.25,17.53C15.58,18.04 14.83,18.46 14,18.7V20.77C15.38,20.45 16.63,19.82 17.68,18.96L19.73,21L21,19.73L12,10.73M19,12C19,12.94 18.8,13.82 18.46,14.64L19.97,16.15C20.62,14.91 21,13.5 21,12C21,7.72 18,4.14 14,3.23V5.29C16.89,6.15 19,8.83 19,12M16.5,12C16.5,10.23 15.5,8.71 14,7.97V10.18L16.45,12.63C16.5,12.43 16.5,12.21 16.5,12Z" /></svg>
</svg>
<svg id="tabler:screenshot">
<svg
  xmlns="http://www.w3.org/2000/svg"
 
 
  viewBox="0 0 24 24"
  fill="none"
  stroke="currentColor"
  stroke-width="2"
  stroke-linecap="round"
  stroke-linejoin="round"
  class="icon icon-tabler icons-tabler-outline icon-tabler-screenshot"
>
  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
  <path d="M7 19a2 2 0 0 1 -2 -2" />
  <path d="M5 13v-2" />
  <path d="M5 7a2 2 0 0 1 2 -2" />
  <path d="M11 5h2" />
  <path d="M17 5a2 2 0 0 1 2 2" />
  <path d="M19 11v2" />
  <path d="M19 17v4" />
  <path d="M21 19h-4" />
  <path d="M13 19h-2" />
</svg>
</svg>
</defs>/* end glyphs */
<style>/* inherit to force styles through use tags */
svg path {
    fill: inherit;
}

/* font and background color specifications */
svg.keymap {
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;
    font-size: 14px;
    font-kerning: normal;
    text-rendering: optimizeLegibility;
    fill: #24292e;
}

/* default key styling */
rect.key {
    fill: #f6f8fa;
    stroke: #c9cccf;
    stroke-width: 1;
}

/* default key side styling, only used is draw_key_sides is set */
rect.side {
    filter: brightness(90%);
}

/* color accent for combo boxes */
rect.combo, rect.combo-separate {
    fill: #cdf;
}

/* color accent for held keys */
rect.held, rect.combo.held {
    fill: #fdd;
}

/* color accent for ghost (optional) keys */
rect.ghost, rect.combo.ghost {
    stroke-dasharray: 4, 4;
    stroke-width: 2;
}

text {
    text-anchor: middle;
    dominant-baseline: middle;
}

/* styling for layer labels */
text.label {
    font-weight: bold;
    text-anchor: start;
    stroke: white;
    stroke-width: 2;
    paint-order: stroke;
}

/* styling for combo tap, and key hold/shifted label text */
text.combo, text.hold, text.shifted {
    font-size: 11px;
}

text.hold {
    text-anchor: middle;
    dominant-baseline: auto;
}

text.shifted {
    text-anchor: middle;
    dominant-baseline: hanging;
}

/* styling for hold/shifted label text in combo box */
text.combo.hold, text.combo.shifted {
    font-size: 8px;
}

/* lighter symbol for transparent keys */
text.trans {
    fill: #7b7e81;
}

/* styling for combo dendrons */
path.combo {
    stroke-width: 0;
    stroke: gray;
    fill: none;
}

/* Start Tabler Icons Cleanup */
/* cannot use height/width with glyphs */
.icon-tabler > path {
    fill: inherit;
    stroke: inherit;
    stroke-width: 2;
}
/* hide tabler's default box */
.icon-tabler > path[stroke="none"][fill="none"] {
    visibility: hidden;
}
/* End Tabler Icons Cleanup */

svg.keymap {
    /* canvas */
    --color-canvas-text: #1a1b26;

    /* key */
    --color-key-bg: #FFFFFF;
    --color-key-border: #c9cccf;
    --color-key-text-t: #1a1b26;
    --color-key-text-h: #263238;
    --color-key-text-s: #263238;

    /* combo */
    --color-combo-bg: #eceff1;
    --color-combo-border: #eceff1;
    --color-combo-text-t: #263238;
    --color-combo-text-h: #263238;
    --color-combo-text-s: #263238;

    font-family: Fantasque Sans Mono, JetBrains Mono, monospace;
    font-size: 14px;
    fill: var(--color-canvas-text);
}

svg path {
  fill: var(--color-key-text-t);
}
.icon-tabler > path {
  fill: inherit;
  stroke: var(--color-key-text-t);
}

rect.key {
  fill: var(--color-key-bg); 
  text.label {
    font-size: 14px;
  }
  text.hold {
    font-size: 12px;
  }
}

/* Combo Key */
rect.combo {
  fill: var(--color-combo-bg);
  stroke: var(--color-combo-border);
}

.combo {
  --color-key-bg: var(--color-combo-bg);
  --color-key-border: var(--color-combo-border);
  --color-key-text-t: var(--color-combo-text-t);
  --color-key-text-h: var(--color-combo-text-h);
  --color-key-text-s: var(--color-combo-text-s);
}

.combo.tap {
  fill: var(--color-combo-text-t);
}

/* homecoming */
.keypos-16,
.keypos-19 {
    --color-key-bg: #94DEC1;
}
/* layer */
.keypos-36,
.keypos-41 {
    --color-key-bg: #ea7d61;
}
/* space */
.keypos-38,
.keypos-39 {
    --color-key-bg: #8DC5DD;
}
</style>
<g transform="translate(0, 0)" class="layer-default">
<text x="0" y="10" class="label" id="default">default</text>
<g transform="translate(0, 20)">
<g transform="translate(40, 70)" class="key keypos-0">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:keyboard-esc" xlink:href="#mdi:keyboard-esc" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-esc"/>
</g>
<g transform="translate(120, 70)" class="key keypos-1">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">Q</text>
<text x="0" y="37" class="key hold">1</text>
<use href="#mdi:keyboard-esc" xlink:href="#mdi:keyboard-esc" x="-8" y="-37" height="16" width="16.0" class="key shifted glyph mdi:keyboard-esc"/>
</g>
<g transform="translate(200, 50)" class="key keypos-2">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">W</text>
<text x="0" y="37" class="key hold">2</text>
</g>
<g transform="translate(280, 40)" class="key keypos-3">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F</text>
<text x="0" y="37" class="key hold">3</text>
</g>
<g transform="translate(360, 50)" class="key keypos-4">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">P</text>
<text x="0" y="37" class="key hold">4</text>
</g>
<g transform="translate(440, 60)" class="key keypos-5">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">G</text>
<text x="0" y="37" class="key hold">5</text>
</g>
<g transform="translate(760, 60)" class="key keypos-6">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">J</text>
<text x="0" y="37" class="key hold">6</text>
</g>
<g transform="translate(840, 50)" class="key keypos-7">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">L</text>
<text x="0" y="37" class="key hold">7</text>
</g>
<g transform="translate(920, 40)" class="key keypos-8">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">U</text>
<text x="0" y="37" class="key hold">8</text>
</g>
<g transform="translate(1000, 50)" class="key keypos-9">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">Y</text>
<text x="0" y="37" class="key hold">9</text>
</g>
<g transform="translate(1080, 70)" class="key keypos-10">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">=</text>
<text x="0" y="37" class="key hold">0</text>
<text x="0" y="-37" class="key shifted">-</text>
</g>
<g transform="translate(1160, 70)" class="key keypos-11">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:backspace" xlink:href="#mdi:backspace" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:backspace"/>
<use href="#mdi:keyboard-backspace" xlink:href="#mdi:keyboard-backspace" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:keyboard-backspace"/>
</g>
<g transform="translate(40, 150)" class="key keypos-12">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:keyboard-tab" xlink:href="#mdi:keyboard-tab" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-tab"/>
</g>
<g transform="translate(120, 150)" class="key keypos-13">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">A</text>
<use href="#mdi:apple-keyboard-option" xlink:href="#mdi:apple-keyboard-option" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-option"/>
<use href="#mdi:keyboard-tab" xlink:href="#mdi:keyboard-tab" x="-8" y="-37" height="16" width="16.0" class="key shifted glyph mdi:keyboard-tab"/>
</g>
<g transform="translate(200, 130)" class="key keypos-14">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">R</text>
<use href="#mdi:apple-keyboard-control" xlink:href="#mdi:apple-keyboard-control" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-control"/>
</g>
<g transform="translate(280, 120)" class="key keypos-15">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">S</text>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(360, 130)" class="key keypos-16">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">T</text>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(440, 140)" class="key keypos-17">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">D</text>
</g>
<g transform="translate(760, 140)" class="key keypos-18">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">H</text>
</g>
<g transform="translate(840, 130)" class="key keypos-19">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">N</text>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(920, 120)" class="key keypos-20">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">E</text>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(1000, 130)" class="key keypos-21">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">I</text>
<use href="#mdi:apple-keyboard-control" xlink:href="#mdi:apple-keyboard-control" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-control"/>
</g>
<g transform="translate(1080, 150)" class="key keypos-22">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">O</text>
<use href="#mdi:apple-keyboard-option" xlink:href="#mdi:apple-keyboard-option" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-option"/>
</g>
<g transform="translate(1160, 150)" class="key enter keypos-23">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key enter"/>
<use href="#mdi:keyboard-return" xlink:href="#mdi:keyboard-return" x="-13" y="-13" height="26" width="26.0" class="key enter tap glyph mdi:keyboard-return"/>
</g>
<g transform="translate(40, 230)" class="key keypos-24">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(120, 230)" class="key keypos-25">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">Z</text>
</g>
<g transform="translate(200, 210)" class="key keypos-26">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">X</text>
</g>
<g transform="translate(280, 200)" class="key keypos-27">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">C</text>
</g>
<g transform="translate(360, 210)" class="key keypos-28">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">V</text>
</g>
<g transform="translate(440, 220)" class="key keypos-29">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">B</text>
</g>
<g transform="translate(760, 220)" class="key keypos-30">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">K</text>
</g>
<g transform="translate(840, 210)" class="key keypos-31">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">M</text>
</g>
<g transform="translate(920, 200)" class="key keypos-32">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">,</text>
</g>
<g transform="translate(1000, 210)" class="key keypos-33">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">.</text>
</g>
<g transform="translate(1080, 230)" class="key keypos-34">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">/</text>
<text x="0" y="37" class="key hold">\</text>
</g>
<g transform="translate(1160, 230)" class="key keypos-35">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">-</text>
</g>
<g transform="translate(320, 293)" class="key keypos-36">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<a href="#default">
<text x="0" y="0" class="key tap layer-activator"><tspan style="font-size: 71%">default</tspan></text>
</a><a href="#lower">
<text x="0" y="37" class="key hold layer-activator">lower</text>
</a></g>
<g transform="translate(408, 304) rotate(15.0)" class="key keypos-37">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(502, 320) rotate(30.0)" class="key keypos-38">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<use href="#mdi:keyboard-space" xlink:href="#mdi:keyboard-space" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-space"/>
</g>
<g transform="translate(698, 320) rotate(-30.0)" class="key enter keypos-39">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key enter"/>
<use href="#mdi:keyboard-return" xlink:href="#mdi:keyboard-return" x="-13" y="-13" height="26" width="26.0" class="key enter tap glyph mdi:keyboard-return"/>
</g>
<g transform="translate(792, 304) rotate(-15.0)" class="key keypos-40">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:backspace" xlink:href="#mdi:backspace" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:backspace"/>
<use href="#mdi:keyboard-backspace" xlink:href="#mdi:keyboard-backspace" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:keyboard-backspace"/>
</g>
<g transform="translate(880, 293)" class="key keypos-41">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<a href="#default">
<text x="0" y="0" class="key tap layer-activator"><tspan style="font-size: 71%">default</tspan></text>
</a><a href="#raise">
<text x="0" y="37" class="key hold layer-activator">raise</text>
</a></g>
<g class="combo vertical_combo combopos-0">
<rect rx="4" ry="4" x="303" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="320" y="125" class="combo vertical_combo tap">{</text>
</g>
<g class="combo vertical_combo combopos-1">
<rect rx="4" ry="4" x="383" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="135" class="combo vertical_combo tap">[</text>
</g>
<g class="combo vertical_combo combopos-2">
<rect rx="4" ry="4" x="783" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="135" class="combo vertical_combo tap">]</text>
</g>
<g class="combo vertical_combo combopos-3">
<rect rx="4" ry="4" x="863" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="880" y="125" class="combo vertical_combo tap">}</text>
</g>
<g class="combo combopos-4">
<rect rx="4" ry="4" x="303" y="188" width="34" height="34" class="combo"/>
<text x="320" y="205" class="combo tap">|</text>
</g>
<g class="combo vertical_combo combopos-5">
<rect rx="4" ry="4" x="383" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="215" class="combo vertical_combo tap">(</text>
</g>
<g class="combo vertical_combo combopos-6">
<rect rx="4" ry="4" x="783" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="215" class="combo vertical_combo tap">)</text>
</g>
</g>
</g>
<g transform="translate(0, 412)" class="layer-lower">
<text x="0" y="10" class="label" id="lower">lower</text>
<g transform="translate(0, 20)">
<g transform="translate(40, 70)" class="key keypos-0">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:keyboard-esc" xlink:href="#mdi:keyboard-esc" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-esc"/>
</g>
<g transform="translate(120, 70)" class="key keypos-1">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:brightness-7" xlink:href="#mdi:brightness-7" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:brightness-7"/>
<text x="0" y="37" class="key hold">F1</text>
</g>
<g transform="translate(200, 50)" class="key keypos-2">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:brightness-5" xlink:href="#mdi:brightness-5" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:brightness-5"/>
<text x="0" y="37" class="key hold">F2</text>
</g>
<g transform="translate(280, 40)" class="key keypos-3">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:apps" xlink:href="#mdi:apps" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:apps"/>
<text x="0" y="37" class="key hold">F3</text>
</g>
<g transform="translate(360, 50)" class="key keypos-4">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:magnify" xlink:href="#mdi:magnify" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:magnify"/>
<text x="0" y="37" class="key hold">F4</text>
</g>
<g transform="translate(440, 60)" class="key keypos-5">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F5</text>
</g>
<g transform="translate(760, 60)" class="key keypos-6">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-down-bold" xlink:href="#mdi:arrow-down-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-down-bold"/>
<use href="#mdi:menu-down" xlink:href="#mdi:menu-down" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:menu-down"/>
</g>
<g transform="translate(840, 50)" class="key keypos-7">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-right-bold" xlink:href="#mdi:arrow-right-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-right-bold"/>
</g>
<g transform="translate(920, 40)" class="key keypos-8">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:volume-off" xlink:href="#mdi:volume-off" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:volume-off"/>
<text x="0" y="37" class="key hold">F9</text>
</g>
<g transform="translate(1000, 50)" class="key keypos-9">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:volume-low" xlink:href="#mdi:volume-low" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:volume-low"/>
<text x="0" y="37" class="key hold">F10</text>
</g>
<g transform="translate(1080, 70)" class="key keypos-10">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:volume-high" xlink:href="#mdi:volume-high" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:volume-high"/>
<text x="0" y="37" class="key hold">F11</text>
</g>
<g transform="translate(1160, 70)" class="key keypos-11">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(40, 150)" class="key keypos-12">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(120, 150)" class="key keypos-13">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">!</text>
<use href="#mdi:apple-keyboard-option" xlink:href="#mdi:apple-keyboard-option" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-option"/>
</g>
<g transform="translate(200, 130)" class="key keypos-14">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">@</text>
<use href="#mdi:apple-keyboard-control" xlink:href="#mdi:apple-keyboard-control" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-control"/>
</g>
<g transform="translate(280, 120)" class="key keypos-15">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">#</text>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(360, 130)" class="key keypos-16">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">$</text>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(440, 140)" class="key keypos-17">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">%</text>
</g>
<g transform="translate(760, 140)" class="key keypos-18">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">^</text>
</g>
<g transform="translate(840, 130)" class="key keypos-19">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">&amp;</text>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(920, 120)" class="key keypos-20">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">;</text>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(1000, 130)" class="key keypos-21">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">&#x27;</text>
<use href="#mdi:apple-keyboard-control" xlink:href="#mdi:apple-keyboard-control" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-control"/>
</g>
<g transform="translate(1080, 150)" class="key keypos-22">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">*</text>
<use href="#mdi:apple-keyboard-option" xlink:href="#mdi:apple-keyboard-option" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:apple-keyboard-option"/>
</g>
<g transform="translate(1160, 150)" class="key keypos-23">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(40, 230)" class="key keypos-24">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(120, 230)" class="key keypos-25">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(200, 210)" class="key keypos-26">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(280, 200)" class="key keypos-27">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(360, 210)" class="key keypos-28">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(440, 220)" class="key keypos-29">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(760, 220)" class="key keypos-30">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-up-bold" xlink:href="#mdi:arrow-up-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-up-bold"/>
<use href="#mdi:menu-up" xlink:href="#mdi:menu-up" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:menu-up"/>
</g>
<g transform="translate(840, 210)" class="key keypos-31">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-left-bold" xlink:href="#mdi:arrow-left-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-left-bold"/>
</g>
<g transform="translate(920, 200)" class="key keypos-32">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">`</text>
</g>
<g transform="translate(1000, 210)" class="key keypos-33">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1080, 230)" class="key keypos-34">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1160, 230)" class="key keypos-35">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(320, 293)" class="key held keypos-36">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key held"/>
<a href="#default">
<text x="0" y="0" class="key held tap layer-activator"><tspan style="font-size: 71%">default</tspan></text>
</a><a href="#lower">
<text x="0" y="37" class="key held hold layer-activator">lower</text>
</a></g>
<g transform="translate(408, 304) rotate(15.0)" class="key keypos-37">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(502, 320) rotate(30.0)" class="key keypos-38">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<use href="#mdi:keyboard-space" xlink:href="#mdi:keyboard-space" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-space"/>
</g>
<g transform="translate(698, 320) rotate(-30.0)" class="key keypos-39">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<text x="0" y="0" class="key tap">
<tspan x="0" dy="-0.5em" style="font-size: 71%">RIGHT</tspan><tspan x="0" dy="1.0em" style="font-size: 71%">CONTROL</tspan>
</text>
</g>
<g transform="translate(792, 304) rotate(-15.0)" class="key keypos-40">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:backspace-reverse-outline" xlink:href="#mdi:backspace-reverse-outline" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:backspace-reverse-outline"/>
</g>
<g transform="translate(880, 293)" class="key keypos-41">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<a href="#default">
<text x="0" y="0" class="key tap layer-activator"><tspan style="font-size: 71%">default</tspan></text>
</a><a href="#raise">
<text x="0" y="37" class="key hold layer-activator">raise</text>
</a></g>
<g class="combo vertical_combo combopos-0">
<rect rx="4" ry="4" x="303" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="320" y="125" class="combo vertical_combo tap">{</text>
</g>
<g class="combo vertical_combo combopos-1">
<rect rx="4" ry="4" x="383" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="135" class="combo vertical_combo tap">[</text>
</g>
<g class="combo vertical_combo combopos-2">
<rect rx="4" ry="4" x="783" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="135" class="combo vertical_combo tap">]</text>
</g>
<g class="combo vertical_combo combopos-3">
<rect rx="4" ry="4" x="863" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="880" y="125" class="combo vertical_combo tap">}</text>
</g>
<g class="combo combopos-4">
<rect rx="4" ry="4" x="303" y="188" width="34" height="34" class="combo"/>
<text x="320" y="205" class="combo tap">|</text>
</g>
<g class="combo vertical_combo combopos-5">
<rect rx="4" ry="4" x="383" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="215" class="combo vertical_combo tap">(</text>
</g>
<g class="combo vertical_combo combopos-6">
<rect rx="4" ry="4" x="783" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="215" class="combo vertical_combo tap">)</text>
</g>
</g>
</g>
<g transform="translate(0, 825)" class="layer-raise">
<text x="0" y="10" class="label" id="raise">raise</text>
<g transform="translate(0, 20)">
<g transform="translate(40, 70)" class="key keypos-0">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:keyboard-esc" xlink:href="#mdi:keyboard-esc" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-esc"/>
</g>
<g transform="translate(120, 70)" class="key keypos-1">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F1</text>
</g>
<g transform="translate(200, 50)" class="key keypos-2">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F2</text>
</g>
<g transform="translate(280, 40)" class="key keypos-3">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F3</text>
</g>
<g transform="translate(360, 50)" class="key keypos-4">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F4</text>
</g>
<g transform="translate(440, 60)" class="key keypos-5">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F5</text>
</g>
<g transform="translate(760, 60)" class="key keypos-6">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F6</text>
</g>
<g transform="translate(840, 50)" class="key keypos-7">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F7</text>
</g>
<g transform="translate(920, 40)" class="key keypos-8">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-up-bold" xlink:href="#mdi:arrow-up-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-up-bold"/>
<text x="0" y="37" class="key hold">F8</text>
</g>
<g transform="translate(1000, 50)" class="key keypos-9">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F9</text>
</g>
<g transform="translate(1080, 70)" class="key keypos-10">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F10</text>
</g>
<g transform="translate(1160, 70)" class="key keypos-11">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">F11</text>
</g>
<g transform="translate(40, 150)" class="key keypos-12">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(120, 150)" class="key keypos-13">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(200, 130)" class="key keypos-14">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(280, 120)" class="key keypos-15">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(360, 130)" class="key keypos-16">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(440, 140)" class="key keypos-17">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(760, 140)" class="key keypos-18">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(840, 130)" class="key keypos-19">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-left-bold" xlink:href="#mdi:arrow-left-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-left-bold"/>
</g>
<g transform="translate(920, 120)" class="key keypos-20">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-down-bold" xlink:href="#mdi:arrow-down-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-down-bold"/>
</g>
<g transform="translate(1000, 130)" class="key keypos-21">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:arrow-right-bold" xlink:href="#mdi:arrow-right-bold" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:arrow-right-bold"/>
</g>
<g transform="translate(1080, 150)" class="key keypos-22">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#tabler:screenshot" xlink:href="#tabler:screenshot" x="-13" y="-13" height="26" width="26.0" class="key tap glyph tabler:screenshot"/>
</g>
<g transform="translate(1160, 150)" class="key keypos-23">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(40, 230)" class="key keypos-24">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(120, 230)" class="key keypos-25">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:numeric-0" xlink:href="#mdi:numeric-0" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:numeric-0"/>
<use href="#mdi:bluetooth" xlink:href="#mdi:bluetooth" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:bluetooth"/>
</g>
<g transform="translate(200, 210)" class="key keypos-26">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:numeric-1" xlink:href="#mdi:numeric-1" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:numeric-1"/>
<use href="#mdi:bluetooth" xlink:href="#mdi:bluetooth" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:bluetooth"/>
</g>
<g transform="translate(280, 200)" class="key keypos-27">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:numeric-2" xlink:href="#mdi:numeric-2" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:numeric-2"/>
<use href="#mdi:bluetooth" xlink:href="#mdi:bluetooth" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:bluetooth"/>
</g>
<g transform="translate(360, 210)" class="key keypos-28">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:numeric-3" xlink:href="#mdi:numeric-3" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:numeric-3"/>
<use href="#mdi:bluetooth" xlink:href="#mdi:bluetooth" x="-8" y="21" height="16" width="16.0" class="key hold glyph mdi:bluetooth"/>
</g>
<g transform="translate(440, 220)" class="key keypos-29">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(760, 220)" class="key keypos-30">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(840, 210)" class="key keypos-31">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:bluetooth-off" xlink:href="#mdi:bluetooth-off" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:bluetooth-off"/>
</g>
<g transform="translate(920, 200)" class="key keypos-32">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1000, 210)" class="key keypos-33">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1080, 230)" class="key keypos-34">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1160, 230)" class="key keypos-35">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(320, 293)" class="key held alternate keypos-36">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key held alternate"/>
<a href="#default">
<text x="0" y="0" class="key held alternate tap layer-activator"><tspan style="font-size: 71%">default</tspan></text>
</a><a href="#lower">
<text x="0" y="37" class="key held alternate hold layer-activator">lower</text>
</a></g>
<g transform="translate(408, 304) rotate(15.0)" class="key keypos-37">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(502, 320) rotate(30.0)" class="key keypos-38">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<use href="#mdi:keyboard-space" xlink:href="#mdi:keyboard-space" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-space"/>
</g>
<g transform="translate(698, 320) rotate(-30.0)" class="key keypos-39">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<text x="0" y="0" class="key tap">
<tspan x="0" dy="-0.5em" style="font-size: 71%">RIGHT</tspan><tspan x="0" dy="1.0em" style="font-size: 71%">CONTROL</tspan>
</text>
</g>
<g transform="translate(792, 304) rotate(-15.0)" class="key keypos-40">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:backspace-reverse-outline" xlink:href="#mdi:backspace-reverse-outline" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:backspace-reverse-outline"/>
</g>
<g transform="translate(880, 293)" class="key held keypos-41">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key held"/>
<a href="#lower">
<text x="0" y="0" class="key held tap layer-activator">lower</text>
</a><a href="#raise">
<text x="0" y="37" class="key held hold layer-activator">raise</text>
</a></g>
<g class="combo vertical_combo combopos-0">
<rect rx="4" ry="4" x="303" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="320" y="125" class="combo vertical_combo tap">{</text>
</g>
<g class="combo vertical_combo combopos-1">
<rect rx="4" ry="4" x="383" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="135" class="combo vertical_combo tap">[</text>
</g>
<g class="combo vertical_combo combopos-2">
<rect rx="4" ry="4" x="783" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="135" class="combo vertical_combo tap">]</text>
</g>
<g class="combo vertical_combo combopos-3">
<rect rx="4" ry="4" x="863" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="880" y="125" class="combo vertical_combo tap">}</text>
</g>
<g class="combo combopos-4">
<rect rx="4" ry="4" x="303" y="188" width="34" height="34" class="combo"/>
<text x="320" y="205" class="combo tap">|</text>
</g>
<g class="combo vertical_combo combopos-5">
<rect rx="4" ry="4" x="383" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="215" class="combo vertical_combo tap">(</text>
</g>
<g class="combo vertical_combo combopos-6">
<rect rx="4" ry="4" x="783" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="215" class="combo vertical_combo tap">)</text>
</g>
</g>
</g>
<g transform="translate(0, 1237)" class="layer-tri">
<text x="0" y="10" class="label" id="tri">tri</text>
<g transform="translate(0, 20)">
<g transform="translate(40, 70)" class="key keypos-0">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:keyboard-esc" xlink:href="#mdi:keyboard-esc" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-esc"/>
</g>
<g transform="translate(120, 70)" class="key keypos-1">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(200, 50)" class="key keypos-2">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(280, 40)" class="key keypos-3">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(360, 50)" class="key keypos-4">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(440, 60)" class="key keypos-5">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(760, 60)" class="key keypos-6">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(840, 50)" class="key keypos-7">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">7</text>
<text x="0" y="-37" class="key shifted">&amp;</text>
</g>
<g transform="translate(920, 40)" class="key keypos-8">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">8</text>
<text x="0" y="-37" class="key shifted">*</text>
</g>
<g transform="translate(1000, 50)" class="key keypos-9">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">9</text>
<text x="0" y="-37" class="key shifted">(</text>
</g>
<g transform="translate(1080, 70)" class="key keypos-10">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1160, 70)" class="key keypos-11">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(40, 150)" class="key keypos-12">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(120, 150)" class="key keypos-13">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(200, 130)" class="key keypos-14">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:skip-previous" xlink:href="#mdi:skip-previous" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:skip-previous"/>
</g>
<g transform="translate(280, 120)" class="key keypos-15">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:play-pause" xlink:href="#mdi:play-pause" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:play-pause"/>
</g>
<g transform="translate(360, 130)" class="key keypos-16">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:skip-next" xlink:href="#mdi:skip-next" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:skip-next"/>
</g>
<g transform="translate(440, 140)" class="key keypos-17">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(760, 140)" class="key keypos-18">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(840, 130)" class="key keypos-19">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">4</text>
<text x="0" y="-37" class="key shifted">$</text>
</g>
<g transform="translate(920, 120)" class="key keypos-20">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">5</text>
<text x="0" y="-37" class="key shifted">%</text>
</g>
<g transform="translate(1000, 130)" class="key keypos-21">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">6</text>
<text x="0" y="-37" class="key shifted">^</text>
</g>
<g transform="translate(1080, 150)" class="key keypos-22">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1160, 150)" class="key keypos-23">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(40, 230)" class="key keypos-24">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(120, 230)" class="key keypos-25">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(200, 210)" class="key keypos-26">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(280, 200)" class="key keypos-27">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(360, 210)" class="key keypos-28">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(440, 220)" class="key keypos-29">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(760, 220)" class="key keypos-30">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">0</text>
<text x="0" y="-37" class="key shifted">)</text>
</g>
<g transform="translate(840, 210)" class="key keypos-31">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">1</text>
<text x="0" y="-37" class="key shifted">!</text>
</g>
<g transform="translate(920, 200)" class="key keypos-32">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">2</text>
<text x="0" y="-37" class="key shifted">@</text>
</g>
<g transform="translate(1000, 210)" class="key keypos-33">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<text x="0" y="0" class="key tap">3</text>
<text x="0" y="-37" class="key shifted">#</text>
</g>
<g transform="translate(1080, 230)" class="key keypos-34">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(1160, 230)" class="key keypos-35">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
</g>
<g transform="translate(320, 293)" class="key held keypos-36">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key held"/>
<a href="#default">
<text x="0" y="0" class="key held tap layer-activator"><tspan style="font-size: 71%">default</tspan></text>
</a><a href="#lower">
<text x="0" y="37" class="key held hold layer-activator">lower</text>
</a></g>
<g transform="translate(408, 304) rotate(15.0)" class="key keypos-37">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(502, 320) rotate(30.0)" class="key keypos-38">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<use href="#mdi:keyboard-space" xlink:href="#mdi:keyboard-space" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:keyboard-space"/>
</g>
<g transform="translate(698, 320) rotate(-30.0)" class="key keypos-39">
<rect rx="4" ry="4" x="-39" y="-59" width="78" height="118" class="key"/>
<text x="0" y="0" class="key tap">
<tspan x="0" dy="-0.5em" style="font-size: 71%">RIGHT</tspan><tspan x="0" dy="1.0em" style="font-size: 71%">CONTROL</tspan>
</text>
</g>
<g transform="translate(792, 304) rotate(-15.0)" class="key keypos-40">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key"/>
<use href="#mdi:backspace-reverse-outline" xlink:href="#mdi:backspace-reverse-outline" x="-13" y="-13" height="26" width="26.0" class="key tap glyph mdi:backspace-reverse-outline"/>
</g>
<g transform="translate(880, 293)" class="key held keypos-41">
<rect rx="4" ry="4" x="-39" y="-39" width="78" height="78" class="key held"/>
<a href="#lower">
<text x="0" y="0" class="key held tap layer-activator">lower</text>
</a><a href="#raise">
<text x="0" y="37" class="key held hold layer-activator">raise</text>
</a></g>
<g class="combo vertical_combo combopos-0">
<rect rx="4" ry="4" x="303" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="320" y="125" class="combo vertical_combo tap">{</text>
</g>
<g class="combo vertical_combo combopos-1">
<rect rx="4" ry="4" x="383" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="135" class="combo vertical_combo tap">[</text>
</g>
<g class="combo vertical_combo combopos-2">
<rect rx="4" ry="4" x="783" y="118" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="135" class="combo vertical_combo tap">]</text>
</g>
<g class="combo vertical_combo combopos-3">
<rect rx="4" ry="4" x="863" y="108" width="34" height="34" class="combo vertical_combo"/>
<text x="880" y="125" class="combo vertical_combo tap">}</text>
</g>
<g class="combo combopos-4">
<rect rx="4" ry="4" x="303" y="188" width="34" height="34" class="combo"/>
<text x="320" y="205" class="combo tap">|</text>
</g>
<g class="combo vertical_combo combopos-5">
<rect rx="4" ry="4" x="383" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="400" y="215" class="combo vertical_combo tap">(</text>
</g>
<g class="combo vertical_combo combopos-6">
<rect rx="4" ry="4" x="783" y="198" width="34" height="34" class="combo vertical_combo"/>
<text x="800" y="215" class="combo vertical_combo tap">)</text>
</g>
</g>
</g>
</svg>