img/layout-options.svg


  <svg width='1204.5px'
       height='421.5px'
       viewBox='0 0 1204.5 421.5'
       xmlns='http://www.w3.org/2000/svg'
       xmlns:xlink="http://www.w3.org/1999/xlink">

    <style type='text/css'>
    .keycap .border { stroke: black; stroke-width: 2; }
    .keycap .inner.border { stroke: rgba(0,0,0,.1); }
    </style>
    <defs>
      <linearGradient id="DCS">
        <stop offset="0%" stop-color="black" stop-opacity="0"/>
        <stop offset="40%" stop-color="black" stop-opacity="0.1"/>
        <stop offset="60%" stop-color="black" stop-opacity="0.1"/>
        <stop offset="100%" stop-color="black" stop-opacity="0"/>
      </linearGradient>
      <linearGradient id="SPACE" x1="0%" x2="0%" y1="0%" y2="100%">
        <stop offset="0%" stop-color="black" stop-opacity="0.1"/>
        <stop offset="20%" stop-color="black" stop-opacity="0.0"/>
        <stop offset="40%" stop-color="black" stop-opacity="0.0"/>
        <stop offset="100%" stop-color="black" stop-opacity="0.1"/>
      </linearGradient>
      <radialGradient id="DSA">
        <stop offset="0%" stop-color="black" stop-opacity="0.1"/>
        <stop offset="10%" stop-color="black" stop-opacity="0.1"/>
        <stop offset="100%" stop-color="black" stop-opacity="0"/>
      </radialGradient>
      <radialGradient id="SA" xlink:href="#DSA" />
    </defs>

    <g transform='translate(10,10)'>
      <rect width="1184.5" height="401.5"
            stroke="#ddd" stroke-width="1" fill="#eeeeee" rx="6"/>
      <g transform='translate(5,5)'>
        
  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="136" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="136" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="142" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="142" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="190" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="190" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="196" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="196" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="244" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="244" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="250" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="250" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="298" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="298" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="304" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="304" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="352" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="352" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="358" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="358" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="406" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="406" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="412" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="412" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="460" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="460" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="466" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="466" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="514" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="514" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="520" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="520" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="568" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="568" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="574" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="574" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="622" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="622" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="628" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="628" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="676" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="676" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="682" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="682" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="730" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="730" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="736" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="736" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="784" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="784" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="790" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="790" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="838" y="1"
          width="106" height="52"
          rx="5" fill="#c6c549" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="838" y="1"
          width="106" height="52"
          rx="5" fill="#c6c549"/>
    

    
      <!-- Inner Border -->
      <rect x="844" y="4"
            width="94" height="40"
            rx="5" fill="#f5f275" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="844" y="4"
            width="94" height="40"
            rx="5" fill="#f5f275"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="973" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="973" y="1"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="979" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="979" y="4"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="1067.5" y="1"
          width="52" height="52"
          rx="5" fill="#c6c549" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="1067.5" y="1"
          width="52" height="52"
          rx="5" fill="#c6c549"/>
    

    
      <!-- Inner Border -->
      <rect x="1073.5" y="4"
            width="40" height="40"
            rx="5" fill="#f5f275" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="1073.5" y="4"
            width="40" height="40"
            rx="5" fill="#f5f275"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="1121.5" y="1"
          width="52" height="52"
          rx="5" fill="#c6c549" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="1121.5" y="1"
          width="52" height="52"
          rx="5" fill="#c6c549"/>
    

    
      <!-- Inner Border -->
      <rect x="1127.5" y="4"
            width="40" height="40"
            rx="5" fill="#f5f275" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="1127.5" y="4"
            width="40" height="40"
            rx="5" fill="#f5f275"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="136" y="55"
          width="79" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="136" y="55"
          width="79" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="142" y="58"
            width="67" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="142" y="58"
            width="67" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="217" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="217" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="223" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="223" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="271" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="271" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="277" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="277" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="325" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="325" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="331" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="331" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="379" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="379" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="385" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="385" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="433" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="433" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="439" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="439" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="487" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="487" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="493" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="493" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="541" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="541" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="547" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="547" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="595" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="595" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="601" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="601" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="649" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="649" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="655" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="655" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="703" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="703" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="709" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="709" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="757" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="757" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="763" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="763" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="811" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="811" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="817" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="817" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="865" y="55"
          width="79" height="52"
          rx="5" fill="#cd8a44" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="865" y="55"
          width="79" height="52"
          rx="5" fill="#cd8a44"/>
    

    
      <!-- Inner Border -->
      <rect x="871" y="58"
            width="67" height="40"
            rx="5" fill="#f4ad65" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="871" y="58"
            width="67" height="40"
            rx="5" fill="#f4ad65"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="973" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="973" y="55"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="979" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="979" y="58"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="1108" y="55"
          width="65.5" height="106"
          rx="5" fill="#cd8a44" class="outer border"/>
    
      <rect x="1094.5" y="55"
            width="79" height="52"
            rx="5" fill="#cd8a44" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="1108" y="55"
          width="65.5" height="106"
          rx="5" fill="#cd8a44"/>
    
      <rect x="1094.5" y="55"
            width="79" height="52"
            rx="5" fill="#cd8a44"/>
    

    
      <!-- Inner Border -->
      <rect x="1114" y="58"
            width="53.5" height="94"
            rx="5" fill="#f4ad65" class="inner border"/>
      
        <rect x="1100.5" y="58"
              width="67" height="40"
              rx="5" fill="#f4ad65" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="1114" y="58"
            width="53.5" height="94"
            rx="5" fill="#f4ad65"/>
      
        <rect x="1100.5" y="58"
              width="67" height="40"
              rx="5" fill="#f4ad65"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="28" y="109"
          width="65.5" height="52"
          rx="5" fill="#72c1cd" class="outer border"/>
    
      <rect x="28" y="109"
            width="92.5" height="52"
            rx="5" fill="#72c1cd" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="28" y="109"
          width="65.5" height="52"
          rx="5" fill="#72c1cd"/>
    
      <rect x="28" y="109"
            width="92.5" height="52"
            rx="5" fill="#72c1cd"/>
    

    
      <!-- Inner Border -->
      <rect x="34" y="112"
            width="53.5" height="40"
            rx="5" fill="#9decf8" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="34" y="112"
            width="53.5" height="40"
            rx="5" fill="#9decf8"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="136" y="109"
          width="92.5" height="52"
          rx="5" fill="#72c1cd" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="136" y="109"
          width="92.5" height="52"
          rx="5" fill="#72c1cd"/>
    

    
      <!-- Inner Border -->
      <rect x="142" y="112"
            width="80.5" height="40"
            rx="5" fill="#9decf8" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="142" y="112"
            width="80.5" height="40"
            rx="5" fill="#9decf8"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="230.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="230.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="236.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="236.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="284.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="284.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="290.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="290.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="338.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="338.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="344.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="344.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="392.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="392.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="398.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="398.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="446.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="446.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="452.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="452.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="500.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="500.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="506.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="506.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="554.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="554.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="560.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="560.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="608.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="608.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="614.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="614.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="662.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="662.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="668.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="668.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="716.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="716.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="722.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="722.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="770.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="770.5" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="776.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="776.5" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="824.5" y="109"
          width="119.5" height="52"
          rx="5" fill="#cd8a44" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="824.5" y="109"
          width="119.5" height="52"
          rx="5" fill="#cd8a44"/>
    

    
      <!-- Inner Border -->
      <rect x="830.5" y="112"
            width="107.5" height="40"
            rx="5" fill="#f4ad65" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="830.5" y="112"
            width="107.5" height="40"
            rx="5" fill="#f4ad65"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="973" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="973" y="109"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="979" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="979" y="112"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="1054" y="109"
          width="52" height="52"
          rx="5" fill="#cd8a44" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="1054" y="109"
          width="52" height="52"
          rx="5" fill="#cd8a44"/>
    

    
      <!-- Inner Border -->
      <rect x="1060" y="112"
            width="40" height="40"
            rx="5" fill="#f4ad65" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="1060" y="112"
            width="40" height="40"
            rx="5" fill="#f4ad65"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="1" y="163"
          width="119.5" height="52"
          rx="5" fill="#ff83f0" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="1" y="163"
          width="119.5" height="52"
          rx="5" fill="#ff83f0"/>
    

    
      <!-- Inner Border -->
      <rect x="7" y="166"
            width="107.5" height="40"
            rx="5" fill="#ffadff" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="7" y="166"
            width="107.5" height="40"
            rx="5" fill="#ffadff"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="136" y="163"
          width="65.5" height="52"
          rx="5" fill="#ff83f0" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="136" y="163"
          width="65.5" height="52"
          rx="5" fill="#ff83f0"/>
    

    
      <!-- Inner Border -->
      <rect x="142" y="166"
            width="53.5" height="40"
            rx="5" fill="#ffadff" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="142" y="166"
            width="53.5" height="40"
            rx="5" fill="#ffadff"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="203.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="203.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="209.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="209.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="257.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="257.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="263.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="263.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="311.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="311.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="317.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="317.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="365.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="365.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="371.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="371.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="419.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="419.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="425.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="425.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="473.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="473.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="479.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="479.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="527.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="527.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="533.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="533.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="581.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="581.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="587.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="587.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="635.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="635.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="641.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="641.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="689.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="689.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="695.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="695.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="743.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="743.5" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="749.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="749.5" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="797.5" y="163"
          width="92.5" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="797.5" y="163"
          width="92.5" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="803.5" y="166"
            width="80.5" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="803.5" y="166"
            width="80.5" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="973" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="973" y="163"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="979" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="979" y="166"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="905.5" y="176.5"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="905.5" y="176.5"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="911.5" y="179.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="911.5" y="179.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="136" y="217"
          width="65.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="136" y="217"
          width="65.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="142" y="220"
            width="53.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="142" y="220"
            width="53.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="203.5" y="217"
          width="65.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="203.5" y="217"
          width="65.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="209.5" y="220"
            width="53.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="209.5" y="220"
            width="53.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="271" y="217"
          width="65.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="271" y="217"
          width="65.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="277" y="220"
            width="53.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="277" y="220"
            width="53.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="338.5" y="217"
          width="335.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="338.5" y="217"
          width="335.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="344.5" y="220"
            width="323.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="344.5" y="220"
            width="323.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="676" y="217"
          width="52" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="676" y="217"
          width="52" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="682" y="220"
            width="40" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="682" y="220"
            width="40" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="730" y="217"
          width="52" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="730" y="217"
          width="52" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="736" y="220"
            width="40" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="736" y="220"
            width="40" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="784" y="217"
          width="52" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="784" y="217"
          width="52" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="790" y="220"
            width="40" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="790" y="220"
            width="40" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="851.5" y="230.5"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="851.5" y="230.5"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="857.5" y="233.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="857.5" y="233.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="905.5" y="230.5"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="905.5" y="230.5"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="911.5" y="233.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="911.5" y="233.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="959.5" y="230.5"
          width="52" height="52"
          rx="5" fill="#cccccc" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="959.5" y="230.5"
          width="52" height="52"
          rx="5" fill="#cccccc"/>
    

    
      <!-- Inner Border -->
      <rect x="965.5" y="233.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="965.5" y="233.5"
            width="40" height="40"
            rx="5" fill="#fcfcfc"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="338.5" y="284.5"
          width="322" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="338.5" y="284.5"
          width="322" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="344.5" y="287.5"
            width="310" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="344.5" y="287.5"
            width="310" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="662.5" y="284.5"
          width="65.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="662.5" y="284.5"
          width="65.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="668.5" y="287.5"
            width="53.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="668.5" y="287.5"
            width="53.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="676" y="338.5"
          width="65.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="676" y="338.5"
          width="65.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="682" y="341.5"
            width="53.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="682" y="341.5"
            width="53.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

  <g class='  keycap'
  >

  
    <!-- Outer Border -->
    <rect x="743.5" y="338.5"
          width="65.5" height="52"
          rx="5" fill="#82b965" class="outer border"/>
    
    <!-- Outer Fill -->
    <rect x="743.5" y="338.5"
          width="65.5" height="52"
          rx="5" fill="#82b965"/>
    

    
      <!-- Inner Border -->
      <rect x="749.5" y="341.5"
            width="53.5" height="40"
            rx="5" fill="#a9e28b" class="inner border"/>
      
      <!-- Inner Fill -->
      <rect x="749.5" y="341.5"
            width="53.5" height="40"
            rx="5" fill="#a9e28b"/>
      
      

     
   
  </g>

      </g>
    </g>
  </svg>