keymap-drawer/sofle.svg

<svg width="1004" height="1221" viewBox="0 0 1004 1221" 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-caps">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-apple-keyboard-caps" viewBox="0 0 24 24"><path d="M15,14V8H17.17L12,2.83L6.83,8H9V14H15M12,0L22,10H17V16H7V10H2L12,0M7,18H17V24H7V18M15,20H9V22H15V20Z" /></svg>
</svg>
<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: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:backup-restore">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-backup-restore" viewBox="0 0 24 24"><path d="M12,3A9,9 0 0,0 3,12H0L4,16L8,12H5A7,7 0 0,1 12,5A7,7 0 0,1 19,12A7,7 0 0,1 12,19C10.5,19 9.09,18.5 7.94,17.7L6.5,19.14C8.04,20.3 9.94,21 12,21A9,9 0 0,0 21,12A9,9 0 0,0 12,3M14,12A2,2 0 0,0 12,10A2,2 0 0,0 10,12A2,2 0 0,0 12,14A2,2 0 0,0 14,12Z" /></svg>
</svg>
<svg id="mdi:bluetooth-connect">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-bluetooth-connect" viewBox="0 0 24 24"><path d="M19,10L17,12L19,14L21,12M14.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,12M7,12L5,10L3,12L5,14L7,12Z" /></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: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: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-left">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-left" viewBox="0 0 24 24"><path d="M14,7L9,12L14,17V7Z" /></svg>
</svg>
<svg id="mdi:menu-right">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-menu-right" viewBox="0 0 24 24"><path d="M10,17L15,12L10,7V17Z" /></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:mouse">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse" viewBox="0 0 24 24"><path d="M11,1.07C7.05,1.56 4,4.92 4,9H11M4,15A8,8 0 0,0 12,23A8,8 0 0,0 20,15V11H4M13,1.07V9H20C20,4.92 16.94,1.56 13,1.07Z" /></svg>
</svg>
<svg id="mdi:mouse-left-click-outline">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-left-click-outline" viewBox="0 0 24 24"><path d="M13 9V1.07C13.7 1.16 14.37 1.33 15 1.59C17.33 2.53 19.11 4.53 19.75 7C19.91 7.64 20 8.31 20 9H13M17.66 7C17.18 5.65 16.23 4.5 15 3.81V7H17.66M6 15V13H18V15C18 16.59 17.37 18.12 16.24 19.24C15.12 20.37 13.59 21 12 21C10.41 21 8.88 20.37 7.76 19.24C6.63 18.12 6 16.59 6 15M4 15C4 17.12 4.84 19.16 6.34 20.66C7.84 22.16 9.88 23 12 23C14.12 23 16.16 22.16 17.66 20.66C19.16 19.16 20 17.12 20 15V11H4V15M11 9V1.07C7.06 1.56 4 4.92 4 9H11Z" /></svg>
</svg>
<svg id="mdi:mouse-right-click-outline">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-right-click-outline" viewBox="0 0 24 24"><path d="M13 9V1.07C16.94 1.56 20 4.92 20 9H13M11 9V1.07C10.3 1.16 9.63 1.33 9 1.59C6.67 2.53 4.89 4.53 4.25 7C4.09 7.64 4 8.31 4 9H11M6.34 7C6.82 5.65 7.78 4.5 9 3.81V7H6.34M6 15V13H18V15C18 16.59 17.37 18.12 16.24 19.24C15.12 20.37 13.59 21 12 21C10.41 21 8.88 20.37 7.76 19.24C6.63 18.12 6 16.59 6 15M4 15C4 17.12 4.84 19.16 6.34 20.66C7.84 22.16 9.88 23 12 23C14.12 23 16.16 22.16 17.66 20.66C19.16 19.16 20 17.12 20 15V11H4V15Z" /></svg>
</svg>
<svg id="mdi:mouse-scroll-wheel">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-mouse-scroll-wheel" viewBox="0 0 24 24"><path d="M11 1.07C7.05 1.56 4 4.92 4 9H11V7.73C10.4 7.39 10 6.74 10 6V4C10 3.26 10.4 2.61 11 2.27V1.07M13 9V7.73C13.6 7.39 14 6.74 14 6V4C14 3.26 13.6 2.61 13 2.27V1.07C16.94 1.56 20 4.92 20 9H13M4 15C4 17.12 4.84 19.16 6.34 20.66C7.84 22.16 9.88 23 12 23C14.12 23 16.16 22.16 17.66 20.66C19.16 19.16 20 17.12 20 15V11H4V15M13 6V4C13 3.45 12.55 3 12 3C11.45 3 11 3.45 11 4V6C11 6.55 11.45 7 12 7C12.55 7 13 6.55 13 6Z" /></svg>
</svg>
<svg id="mdi:progress-download">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-progress-download" viewBox="0 0 24 24"><path d="M13,2.03C17.73,2.5 21.5,6.25 21.95,11C22.5,16.5 18.5,21.38 13,21.93V19.93C16.64,19.5 19.5,16.61 19.96,12.97C20.5,8.58 17.39,4.59 13,4.05V2.05L13,2.03M11,2.06V4.06C9.57,4.26 8.22,4.84 7.1,5.74L5.67,4.26C7.19,3 9.05,2.25 11,2.06M4.26,5.67L5.69,7.1C4.8,8.23 4.24,9.58 4.05,11H2.05C2.25,9.04 3,7.19 4.26,5.67M2.06,13H4.06C4.24,14.42 4.81,15.77 5.69,16.9L4.27,18.33C3.03,16.81 2.26,14.96 2.06,13M7.1,18.37C8.23,19.25 9.58,19.82 11,20V22C9.04,21.79 7.18,21 5.67,19.74L7.1,18.37M12,16.5L7.5,12H11V8H13V12H16.5L12,16.5Z" /></svg>
</svg>
<svg id="mdi:transfer">
<svg xmlns="http://www.w3.org/2000/svg" id="mdi-transfer" viewBox="0 0 24 24"><path d="M8 4A2 2 0 0 0 6 6V10H8V6H16V9H13.5L17 12.5L20.5 9H18V6A2 2 0 0 0 16 4H8M3 12V14H11V12H3M3 15V17H11V15H3M13 15V17H21V15H13M3 18V20H11V18H3M13 18V20H21V18H13Z" /></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>
</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;
}

rect.key, rect.combo {
    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: 4;
    paint-order: stroke;
}

/* styling for optional footer */
text.footer {
    text-anchor: end;
    dominant-baseline: auto;
    stroke: white;
    stroke-width: 4;
    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;
}

text.layer-activator {
    text-decoration: underline;
}

/* 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: 1;
    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 */

/* For default sytles, see https://github.com/caksoylar/keymap-drawer/blob/main/keymap_drawer/config.py#L85 */

svg.keymap {
  font-family: Ubuntu Mono, Inconsolata, Consolas, Liberation Mono, Menlo, monospace;
  font-size: 12px;
  font-weight: bold;
  text-rendering: optimizeLegibility;
}

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

/* Technique borrowed and extended from https://github.com/englmaxi/zmk-config/blob/master/keymap-drawer/config.yaml */
.sym_sub_text.tap {
  translate: -5px 2px;
  font-size: 20px;
}
.sym_sub_text.shifted {
  translate: 10px 13px;
  font-size: 10px;
  opacity: 1.0;
}
.combo.sym_sub_text.tap {
  translate: -1px 1px;
}
.combo.sym_sub_text.shifted {
  translate: 7px 5px;
  font-size: 10px;
  opacity: 1.0;
}

/* Toggle */
.toggle.shifted {
  translate: -10px 12px;
}

.toggle.hold {
  translate: 13px -23px;
}

/* Variant for tap-dances */
.tap_dance.tap {
  translate: -7px 0px;
  font-size: 12px;
}
.tap_dance.shifted {
  translate: 7px 17px;
  font-size: 12px;
  opacity: 1.0;
}

/* Variant for symbol next to symbol */
.sym_by_sym.tap {
  translate: -6px 0px;
}
.sym_by_sym.shifted {
  translate: 10px 12px;
  opacity: 1.0;
}

.combo.sym_by_sym.tap {
  translate: -35px 0px;
}
.combo.sym_by_sym.shifted {
  translate: 35px 20px;
  opacity: 1.0;
}

.combo.sym_by_sym.hold {
  visibility: hidden;
}

/* hide hold box for combo sym_by_sym */
.combo.sym_by_sym.hold > path[stroke="none"][fill="none"] {
  visibility: hidden;
}
</style>
<g transform="translate(40, 0)" class="layer-LAYER0">
<text x="0" y="28" class="label" id="LAYER0">LAYER0:</text>
<g transform="translate(0, 56)">
<g transform="translate(28, 56)" class="key keypos-0">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:keyboard-esc" xlink:href="#mdi:keyboard-esc" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:keyboard-esc"/>
</g>
<g transform="translate(84, 56)" class="key keypos-1">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">1</text>
<text x="0" y="-24" class="key shifted">!</text>
</g>
<g transform="translate(140, 35)" class="key keypos-2">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<a href="#x_x">
<text x="0" y="-4" class="key tap layer-activator">2</text>
</a><text x="0" y="-24" class="key shifted">@</text>
</g>
<g transform="translate(196, 28)" class="key keypos-3">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">3</text>
<text x="0" y="-24" class="key shifted">#</text>
</g>
<g transform="translate(252, 35)" class="key keypos-4">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">4</text>
<text x="0" y="-24" class="key shifted">$</text>
</g>
<g transform="translate(308, 35)" class="key keypos-5">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">5</text>
<text x="0" y="-24" class="key shifted">%</text>
</g>
<g transform="translate(462, 35)" class="key keypos-6">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-up-bold" xlink:href="#mdi:arrow-up-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-up-bold"/>
</g>
<g transform="translate(616, 35)" class="key keypos-7">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">6</text>
<text x="0" y="-24" class="key shifted">^</text>
</g>
<g transform="translate(672, 35)" class="key keypos-8">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">7</text>
<text x="0" y="-24" class="key shifted">&amp;</text>
</g>
<g transform="translate(728, 28)" class="key keypos-9">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">8</text>
<text x="0" y="-24" class="key shifted">*</text>
</g>
<g transform="translate(784, 35)" class="key keypos-10">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">9</text>
<text x="0" y="-24" class="key shifted">(</text>
</g>
<g transform="translate(840, 56)" class="key keypos-11">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">0</text>
<text x="0" y="-24" class="key shifted">)</text>
</g>
<g transform="translate(896, 56)" class="key backspace keypos-12">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key backspace side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key backspace"/>
<use href="#mdi:backspace" xlink:href="#mdi:backspace" x="-9" y="-13" height="18" width="18.0" class="key backspace tap glyph mdi:backspace"/>
</g>
<g transform="translate(28, 112)" class="key keypos-13">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:keyboard-tab" xlink:href="#mdi:keyboard-tab" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:keyboard-tab"/>
</g>
<g transform="translate(84, 112)" class="key keypos-14">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">Q</text>
</g>
<g transform="translate(140, 91)" class="key keypos-15">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">W</text>
</g>
<g transform="translate(196, 84)" class="key keypos-16">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">E</text>
</g>
<g transform="translate(252, 91)" class="key keypos-17">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">R</text>
</g>
<g transform="translate(308, 91)" class="key keypos-18">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">T</text>
</g>
<g transform="translate(462, 147)" class="key keypos-19">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-down-bold" xlink:href="#mdi:arrow-down-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-down-bold"/>
</g>
<g transform="translate(616, 91)" class="key keypos-20">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">Y</text>
</g>
<g transform="translate(672, 91)" class="key keypos-21">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">U</text>
</g>
<g transform="translate(728, 84)" class="key keypos-22">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">I</text>
</g>
<g transform="translate(784, 91)" class="key keypos-23">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">O</text>
</g>
<g transform="translate(840, 112)" class="key keypos-24">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">P</text>
</g>
<g transform="translate(896, 112)" class="key keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">\</text>
<text x="0" y="-24" class="key shifted">|</text>
</g>
<g transform="translate(28, 168)" class="key keypos-26">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:apple-keyboard-caps" xlink:href="#mdi:apple-keyboard-caps" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:apple-keyboard-caps"/>
</g>
<g transform="translate(84, 168)" class="key keypos-27">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">A</text>
</g>
<g transform="translate(140, 147)" class="key keypos-28">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">S</text>
</g>
<g transform="translate(196, 140)" class="key keypos-29">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">D</text>
</g>
<g transform="translate(252, 147)" class="key keypos-30">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F</text>
</g>
<g transform="translate(308, 147)" class="key keypos-31">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">G</text>
</g>
<g transform="translate(406, 91)" class="key keypos-32">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-left-bold" xlink:href="#mdi:arrow-left-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-left-bold"/>
</g>
<g transform="translate(616, 147)" class="key keypos-33">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">H</text>
</g>
<g transform="translate(672, 147)" class="key keypos-34">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">J</text>
</g>
<g transform="translate(728, 140)" class="key keypos-35">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">K</text>
</g>
<g transform="translate(784, 147)" class="key keypos-36">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">L</text>
</g>
<g transform="translate(840, 168)" class="key keypos-37">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">;</text>
<text x="0" y="-24" class="key shifted">:</text>
</g>
<g transform="translate(896, 168)" class="key keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">.</text>
</g>
<g transform="translate(28, 224)" class="key keypos-39">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(84, 224)" class="key keypos-40">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">Z</text>
</g>
<g transform="translate(140, 203)" class="key keypos-41">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">X</text>
</g>
<g transform="translate(196, 196)" class="key keypos-42">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">C</text>
</g>
<g transform="translate(252, 203)" class="key keypos-43">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">V</text>
</g>
<g transform="translate(308, 203)" class="key keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">B</text>
</g>
<g transform="translate(518, 91)" class="key keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-right-bold" xlink:href="#mdi:arrow-right-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-right-bold"/>
</g>
<g transform="translate(616, 203)" class="key keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">N</text>
</g>
<g transform="translate(672, 203)" class="key keypos-47">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">M</text>
</g>
<g transform="translate(728, 196)" class="key keypos-48">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">,</text>
<text x="0" y="-24" class="key shifted">&lt;</text>
</g>
<g transform="translate(784, 203)" class="key keypos-49">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">.</text>
<text x="0" y="-24" class="key shifted">&gt;</text>
</g>
<g transform="translate(840, 224)" class="key keypos-50">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">/</text>
<text x="0" y="-24" class="key shifted">?</text>
</g>
<g transform="translate(896, 224)" class="key enter keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key enter side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key enter"/>
<use href="#mdi:keyboard-return" xlink:href="#mdi:keyboard-return" x="-9" y="-13" height="18" width="18.0" class="key enter tap glyph mdi:keyboard-return"/>
</g>
<g transform="translate(392, 217)" class="key keypos-52">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:volume-off" xlink:href="#mdi:volume-off" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:volume-off"/>
</g>
<g transform="translate(140, 259)" class="key keypos-53">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:apple-keyboard-control" xlink:href="#mdi:apple-keyboard-control" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:apple-keyboard-control"/>
</g>
<g transform="translate(196, 252)" class="key keypos-54">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:apple-keyboard-command" xlink:href="#mdi:apple-keyboard-command" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:apple-keyboard-command"/>
</g>
<g transform="translate(252, 259)" class="key keypos-55">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:apple-keyboard-option" xlink:href="#mdi:apple-keyboard-option" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:apple-keyboard-option"/>
</g>
<g transform="translate(314, 283) rotate(30.0)" class="key keypos-56">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<a href="#layer1">
<text x="0" y="-4" class="key tap layer-activator">layer1</text>
</a></g>
<g transform="translate(389, 294) rotate(30.0)" class="key keypos-57">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:keyboard-space" xlink:href="#mdi:keyboard-space" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:keyboard-space"/>
</g>
<g transform="translate(462, 91)" class="key enter keypos-58">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key enter side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key enter"/>
<use href="#mdi:keyboard-return" xlink:href="#mdi:keyboard-return" x="-9" y="-13" height="18" width="18.0" class="key enter tap glyph mdi:keyboard-return"/>
</g>
<g transform="translate(535, 294) rotate(-30.0)" class="key keypos-59">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:keyboard-space" xlink:href="#mdi:keyboard-space" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:keyboard-space"/>
</g>
<g transform="translate(610, 283) rotate(-30.0)" class="key enter keypos-60">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key enter side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key enter"/>
<use href="#mdi:keyboard-return" xlink:href="#mdi:keyboard-return" x="-9" y="-13" height="18" width="18.0" class="key enter tap glyph mdi:keyboard-return"/>
</g>
<g transform="translate(672, 259)" class="key keypos-61">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<a href="#x_x">
<text x="0" y="-4" class="key tap layer-activator">2</text>
</a></g>
<g transform="translate(728, 252)" class="key keypos-62">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:apple-keyboard-shift" xlink:href="#mdi:apple-keyboard-shift" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:apple-keyboard-shift"/>
</g>
<g transform="translate(784, 259)" class="key keypos-63">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:backspace-reverse-outline" xlink:href="#mdi:backspace-reverse-outline" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:backspace-reverse-outline"/>
</g>
</g>
</g>
<g transform="translate(40, 388)" class="layer-layer1">
<text x="0" y="28" class="label" id="layer1">layer1:</text>
<g transform="translate(0, 56)">
<g transform="translate(28, 56)" class="key keypos-0">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">`</text>
<text x="0" y="-24" class="key shifted">~</text>
</g>
<g transform="translate(84, 56)" class="key keypos-1">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F1</text>
</g>
<g transform="translate(140, 35)" class="key keypos-2">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F2</text>
</g>
<g transform="translate(196, 28)" class="key keypos-3">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F3</text>
</g>
<g transform="translate(252, 35)" class="key keypos-4">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F4</text>
</g>
<g transform="translate(308, 35)" class="key keypos-5">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F5</text>
</g>
<g transform="translate(462, 35)" class="key keypos-6">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-up" xlink:href="#mdi:menu-up" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-up"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 35)" class="key keypos-7">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F6</text>
</g>
<g transform="translate(672, 35)" class="key keypos-8">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F7</text>
</g>
<g transform="translate(728, 28)" class="key keypos-9">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F8</text>
</g>
<g transform="translate(784, 35)" class="key keypos-10">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F9</text>
</g>
<g transform="translate(840, 56)" class="key keypos-11">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F10</text>
</g>
<g transform="translate(896, 56)" class="key trans keypos-12">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(28, 112)" class="key trans keypos-13">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 112)" class="key keypos-14">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">`</text>
<text x="0" y="-24" class="key shifted">~</text>
</g>
<g transform="translate(140, 91)" class="key keypos-15">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:mouse-left-click-outline" xlink:href="#mdi:mouse-left-click-outline" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:mouse-left-click-outline"/>
</g>
<g transform="translate(196, 84)" class="key keypos-16">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:mouse-scroll-wheel" xlink:href="#mdi:mouse-scroll-wheel" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:mouse-scroll-wheel"/>
</g>
<g transform="translate(252, 91)" class="key keypos-17">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:mouse-right-click-outline" xlink:href="#mdi:mouse-right-click-outline" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:mouse-right-click-outline"/>
</g>
<g transform="translate(308, 91)" class="key keypos-18">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">&amp;mkp</tspan><tspan x="0" dy="1.2em">MB4</tspan>
</text>
</g>
<g transform="translate(462, 147)" class="key keypos-19">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-down" xlink:href="#mdi:menu-down" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-down"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 91)" class="key keypos-20">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">PG</tspan><tspan x="0" dy="1.2em">UP</tspan>
</text>
</g>
<g transform="translate(672, 91)" class="key keypos-21">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">END</text>
</g>
<g transform="translate(728, 84)" class="key keypos-22">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-up-bold" xlink:href="#mdi:arrow-up-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-up-bold"/>
</g>
<g transform="translate(784, 91)" class="key keypos-23">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">HOME</text>
</g>
<g transform="translate(840, 112)" class="key keypos-24">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">-</text>
<text x="0" y="-24" class="key shifted">_</text>
</g>
<g transform="translate(896, 112)" class="key keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">=</text>
<text x="0" y="-24" class="key shifted">+</text>
</g>
<g transform="translate(28, 168)" class="key trans keypos-26">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 168)" class="key keypos-27">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">~</text>
</g>
<g transform="translate(140, 147)" class="key trans keypos-28">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(196, 140)" class="key trans keypos-29">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(252, 147)" class="key trans keypos-30">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(308, 147)" class="key keypos-31">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">&amp;mkp</tspan><tspan x="0" dy="1.2em">MB5</tspan>
</text>
</g>
<g transform="translate(406, 91)" class="key keypos-32">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-left" xlink:href="#mdi:menu-left" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-left"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 147)" class="key keypos-33">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">PG</tspan><tspan x="0" dy="1.2em">DN</tspan>
</text>
</g>
<g transform="translate(672, 147)" class="key keypos-34">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-left-bold" xlink:href="#mdi:arrow-left-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-left-bold"/>
</g>
<g transform="translate(728, 140)" class="key keypos-35">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-down-bold" xlink:href="#mdi:arrow-down-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-down-bold"/>
</g>
<g transform="translate(784, 147)" class="key keypos-36">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:arrow-right-bold" xlink:href="#mdi:arrow-right-bold" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:arrow-right-bold"/>
</g>
<g transform="translate(840, 168)" class="key keypos-37">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">[</text>
<text x="0" y="-24" class="key shifted">{</text>
</g>
<g transform="translate(896, 168)" class="key keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">]</text>
<text x="0" y="-24" class="key shifted">}</text>
</g>
<g transform="translate(28, 224)" class="key trans keypos-39">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 224)" class="key keypos-40">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">OFF</tspan>
</text>
</g>
<g transform="translate(140, 203)" class="key keypos-41">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">ON</tspan>
</text>
</g>
<g transform="translate(196, 196)" class="key keypos-42">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">EFF</tspan>
</text>
</g>
<g transform="translate(252, 203)" class="key keypos-43">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">EFR</tspan>
</text>
</g>
<g transform="translate(308, 203)" class="key keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">SPI</tspan>
</text>
</g>
<g transform="translate(518, 91)" class="key keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-right" xlink:href="#mdi:menu-right" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-right"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 203)" class="key keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">BRI</tspan>
</text>
</g>
<g transform="translate(672, 203)" class="key keypos-47">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">RGB</tspan><tspan x="0" dy="1.2em">BRD</tspan>
</text>
</g>
<g transform="translate(728, 196)" class="key keypos-48">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">Ins</text>
</g>
<g transform="translate(784, 203)" class="key keypos-49">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F11</text>
</g>
<g transform="translate(840, 224)" class="key keypos-50">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F12</text>
</g>
<g transform="translate(896, 224)" class="key trans keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(392, 217)" class="key keypos-52">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:volume-off" xlink:href="#mdi:volume-off" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:volume-off"/>
</g>
<g transform="translate(140, 259)" class="key trans keypos-53">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(196, 252)" class="key trans keypos-54">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(252, 259)" class="key trans keypos-55">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(314, 283) rotate(30.0)" class="key held keypos-56">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key held side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key held"/>
</g>
<g transform="translate(389, 294) rotate(30.0)" class="key trans keypos-57">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(462, 91)" class="key keypos-58">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:mouse-left-click-outline" xlink:href="#mdi:mouse-left-click-outline" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:mouse-left-click-outline"/>
</g>
<g transform="translate(535, 294) rotate(-30.0)" class="key trans keypos-59">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(610, 283) rotate(-30.0)" class="key trans keypos-60">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(672, 259)" class="key trans keypos-61">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(728, 252)" class="key trans keypos-62">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(784, 259)" class="key trans keypos-63">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
</g>
</g>
<g transform="translate(40, 776)" class="layer-2">
<text x="0" y="28" class="label" id="x_x">2:</text>
<g transform="translate(0, 56)">
<g transform="translate(28, 56)" class="key keypos-0">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">~</text>
</g>
<g transform="translate(84, 56)" class="key keypos-1">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="24" class="key hold">1</text>
<use href="#mdi:bluetooth-connect" xlink:href="#mdi:bluetooth-connect" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:bluetooth-connect"/>
</g>
<g transform="translate(140, 35)" class="key keypos-2">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<a href="#x_x">
<text x="0" y="24" class="key hold layer-activator">2</text>
</a><use href="#mdi:bluetooth-connect" xlink:href="#mdi:bluetooth-connect" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:bluetooth-connect"/>
</g>
<g transform="translate(196, 28)" class="key keypos-3">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="24" class="key hold">3</text>
<use href="#mdi:bluetooth-connect" xlink:href="#mdi:bluetooth-connect" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:bluetooth-connect"/>
</g>
<g transform="translate(252, 35)" class="key keypos-4">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="24" class="key hold">4</text>
<use href="#mdi:bluetooth-connect" xlink:href="#mdi:bluetooth-connect" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:bluetooth-connect"/>
</g>
<g transform="translate(308, 35)" class="key keypos-5">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="24" class="key hold">5</text>
<use href="#mdi:bluetooth-connect" xlink:href="#mdi:bluetooth-connect" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:bluetooth-connect"/>
</g>
<g transform="translate(462, 35)" class="key keypos-6">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-up" xlink:href="#mdi:menu-up" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-up"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 35)" class="key keypos-7">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F6</text>
</g>
<g transform="translate(672, 35)" class="key keypos-8">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F7</text>
</g>
<g transform="translate(728, 28)" class="key keypos-9">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F8</text>
</g>
<g transform="translate(784, 35)" class="key keypos-10">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F9</text>
</g>
<g transform="translate(840, 56)" class="key keypos-11">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F10</text>
</g>
<g transform="translate(896, 56)" class="key trans keypos-12">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(28, 112)" class="key trans keypos-13">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 112)" class="key keypos-14">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:bluetooth-off" xlink:href="#mdi:bluetooth-off" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:bluetooth-off"/>
</g>
<g transform="translate(140, 91)" class="key keypos-15">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-1.2em">BT</tspan><tspan x="0" dy="1.2em">CLR</tspan><tspan x="0" dy="1.2em">ALL</tspan>
</text>
</g>
<g transform="translate(196, 84)" class="key trans keypos-16">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(252, 91)" class="key trans keypos-17">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(308, 91)" class="key trans keypos-18">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(462, 147)" class="key keypos-19">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-down" xlink:href="#mdi:menu-down" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-down"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 91)" class="key trans keypos-20">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(672, 91)" class="key trans keypos-21">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(728, 84)" class="key keypos-22">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F11</text>
</g>
<g transform="translate(784, 91)" class="key keypos-23">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">F12</text>
</g>
<g transform="translate(840, 112)" class="key keypos-24">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">_</text>
</g>
<g transform="translate(896, 112)" class="key keypos-25">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">+</text>
</g>
<g transform="translate(28, 168)" class="key trans keypos-26">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 168)" class="key keypos-27">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">OUT</tspan><tspan x="0" dy="1.2em">USB</tspan>
</text>
</g>
<g transform="translate(140, 147)" class="key keypos-28">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">
<tspan x="0" dy="-0.6em">OUT</tspan><tspan x="0" dy="1.2em">BLE</tspan>
</text>
</g>
<g transform="translate(196, 140)" class="key trans keypos-29">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(252, 147)" class="key trans keypos-30">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(308, 147)" class="key trans keypos-31">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(406, 91)" class="key keypos-32">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-left" xlink:href="#mdi:menu-left" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-left"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 147)" class="key trans keypos-33">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(672, 147)" class="key trans keypos-34">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(728, 140)" class="key trans keypos-35">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(784, 147)" class="key trans keypos-36">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(840, 168)" class="key keypos-37">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">{</text>
</g>
<g transform="translate(896, 168)" class="key keypos-38">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap">}</text>
</g>
<g transform="translate(28, 224)" class="key trans keypos-39">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(84, 224)" class="key bootloader keypos-40">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key bootloader side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key bootloader"/>
<use href="#mdi:backup-restore" xlink:href="#mdi:backup-restore" x="-9" y="-13" height="18" width="18.0" class="key bootloader tap glyph mdi:backup-restore"/>
</g>
<g transform="translate(140, 203)" class="key trans keypos-41">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(196, 196)" class="key keypos-42">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:progress-download" xlink:href="#mdi:progress-download" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:progress-download"/>
</g>
<g transform="translate(252, 203)" class="key trans keypos-43">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(308, 203)" class="key trans keypos-44">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(518, 91)" class="key keypos-45">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:menu-right" xlink:href="#mdi:menu-right" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:menu-right"/>
<use href="#mdi:mouse" xlink:href="#mdi:mouse" x="-8" y="-24" height="15" width="15.0" class="key shifted glyph mdi:mouse"/>
</g>
<g transform="translate(616, 203)" class="key trans keypos-46">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(672, 203)" class="key trans keypos-47">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(728, 196)" class="key bootloader keypos-48">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key bootloader side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key bootloader"/>
<use href="#mdi:backup-restore" xlink:href="#mdi:backup-restore" x="-9" y="-13" height="18" width="18.0" class="key bootloader tap glyph mdi:backup-restore"/>
</g>
<g transform="translate(784, 203)" class="key keypos-49">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<text x="0" y="-4" class="key tap"><tspan style="font-size: 67%">&amp;soft_off</tspan></text>
</g>
<g transform="translate(840, 224)" class="key keypos-50">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:progress-download" xlink:href="#mdi:progress-download" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:progress-download"/>
</g>
<g transform="translate(896, 224)" class="key trans keypos-51">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(392, 217)" class="key trans keypos-52">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(140, 259)" class="key trans keypos-53">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(196, 252)" class="key trans keypos-54">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(252, 259)" class="key trans keypos-55">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(314, 283) rotate(30.0)" class="key trans keypos-56">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(389, 294) rotate(30.0)" class="key trans keypos-57">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(462, 91)" class="key keypos-58">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key"/>
<use href="#mdi:mouse-left-click-outline" xlink:href="#mdi:mouse-left-click-outline" x="-9" y="-13" height="18" width="18.0" class="key tap glyph mdi:mouse-left-click-outline"/>
</g>
<g transform="translate(535, 294) rotate(-30.0)" class="key trans keypos-59">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(610, 283) rotate(-30.0)" class="key trans keypos-60">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(672, 259)" class="key held keypos-61">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key held side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key held"/>
</g>
<g transform="translate(728, 252)" class="key trans keypos-62">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
<g transform="translate(784, 259)" class="key trans keypos-63">
<rect rx="6" ry="6" x="-26" y="-26" width="52" height="52" class="key trans side"/>
<rect rx="4" ry="4" x="-20" y="-24" width="40" height="40" class="key trans"/>
<use href="#mdi:transfer" xlink:href="#mdi:transfer" x="-9" y="-13" height="18" width="18.0" class="key trans tap glyph mdi:transfer"/>
</g>
</g>
</g>
</svg>