add new functional

public/svg/visual/keyboard.svg

@@ -366,10 +366,10 @@
   </g>
 
   <g id="T_others">
-    <text id="T_kb6a" x="10"  y="230" >Ctrl</text>
-    <text id="T_kb6c" x="134" y="230" >Alt</text>
-    <text id="T_kb6k" x="564" y="230" >Alt</text>
-    <text id="T_kb6n" x="750" y="230" >Ctrl</text>
+    <text id="T_kb6a" x="10"  y="230" >ctrl</text>
+    <text id="T_kb6c" x="134" y="230" >alt</text>
+    <text id="T_kb6k" x="564" y="230" >alt</text>
+    <text id="T_kb6n" x="750" y="230" >ctrl</text>
   </g>
 <!-- ========     alternates inscriptions    ======== -->
   <g inkscape:groupmode="layer" id="sublayer4a" inkscape:label="alternative inscriptions" style="display:inline">

public/svg/visual/mouse.svg

@@ -0,0 +1,19 @@
+<svg width="707" height="1042" viewBox="0 0 707 1042" fill="none" xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <style type="text/css"><![CDATA[
+    text {
+      font-family: var(--sg-keyboard-font-family);
+      font-weight: var(--sg-keyboard-font-weight);
+      letter-spacing: 0.04em;
+      fill: var(--sg-keyboard-ink-soft);
+      stroke: none;
+      text-anchor: middle;
+      font-size: 44px;
+    }
+  ]]></style>
+</defs>
+<path d="M346 80.0889C319.97 83.9545 300 106.395 300 133.5V295.5C300 322.605 319.97 345.045 346 348.91V1042C154.909 1042 4.48005e-06 887.091 0 696V346C0 154.909 154.909 0 346 0V80.0889ZM361 0C552.091 0 707 154.909 707 346V696C707 887.091 552.091 1042 361 1042V349.05C387.516 345.618 408 322.951 408 295.5V133.5C408 106.049 387.516 83.3814 361 79.9492V0Z" fill="#D9D9D9"/>
+<rect x="312" y="94" width="84" height="242" rx="42" fill="#D9D9D9"/>
+<text x="210" y="210">ЛКМ</text>
+<text x="500" y="210">ПКМ</text>
+</svg>