BogaudioModules

BogaudioModules for VCV Rack
Log | Files | Refs | README | LICENSE

Additator-dark-pp.svg (30933B)


      1 <?xml version="1.0"?>
      2 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="225.0" height="380.0" viewBox="0 0 225.0 380.0">
      3   <style>text {
      4   fill: #333;
      5   font-family: 'Roboto', sans-serif;
      6   font-weight: bold;
      7 }
      8 text.title {
      9   font-family: 'Comfortaa', sans-serif;
     10   font-weight: normal;
     11 }
     12 text.brand {
     13   font-family: 'Audiowide', sans-serif;
     14   font-weight: bold;
     15 }
     16 
     17 polyline {
     18   stroke: #333;
     19 }
     20 path {
     21   stroke: #333;
     22 }
     23 
     24 rect.module-background, .background-fill {
     25   fill: #ddd;
     26 }
     27 polyline.module-border-inner {
     28   stroke: #e4e4e4;
     29 }
     30 polyline.module-border-middle {
     31   stroke: #ebebeb;
     32 }
     33 polyline.module-border-outer {
     34   stroke: #f2f2f2;
     35 }
     36 
     37 g.io-group {
     38 }
     39 rect.input-background, rect.input-background-filler {
     40   fill: #fafafa;
     41 }
     42 rect.output-background, rect.output-background-filler {
     43   fill: #bbb;
     44 }
     45 text.input-label, text.output-label {
     46   /* font-size: 6pt; */
     47 }
     48 polyline.input-label, polyline.output-label {
     49 }
     50 path.input-label, path.output-label {
     51 }
     52 
     53 circle.port-rim {
     54   stroke: #f0f0f0;
     55 }
     56 circle.port-barrel {
     57   stroke: #222;
     58   fill: #222;
     59 }
     60 circle.knob-center {
     61    fill: #eee;
     62 }
     63 circle.knob-rim {
     64    fill: #333;
     65 }
     66 circle.knob-tick {
     67   fill: #fff;
     68 }
     69 polyline.knob-tick {
     70   stroke: #fff;
     71 }
     72 
     73 
     74 text {
     75   fill: #eee;
     76 }
     77 
     78 polyline {
     79   stroke: #ccc;
     80 }
     81 path {
     82   stroke: #ccc;
     83 }
     84 
     85 rect.module-background, .background-fill {
     86   fill: #111;
     87 }
     88 polyline.module-border-inner {
     89   stroke: #191919;
     90 }
     91 polyline.module-border-middle {
     92   stroke: #111;
     93 }
     94 polyline.module-border-outer {
     95   stroke: #000;
     96 }
     97 
     98 rect.input-background, rect.input-background-filler {
     99   fill: #aaa;
    100 }
    101 rect.output-background, rect.output-background-filler {
    102   fill: #666;
    103 }
    104 text.input-label {
    105   fill: #222;
    106 }
    107 polyline.input-label, path.input-label {
    108   stroke: #222;
    109 }
    110 text.output-label {
    111   fill: #ddd;
    112 }
    113 polyline.output-label, path.output-label {
    114   stroke: #ddd;
    115 }
    116 
    117 circle.port-rim {
    118   stroke: #c0c0c0;
    119 }
    120 circle.port-barrel {
    121   stroke: #222;
    122   fill: #222;
    123 }
    124 circle.knob-center {
    125    fill: #888;
    126 }
    127 circle.knob-rim {
    128    fill: #444;
    129 }
    130 circle.knob-tick {
    131   fill: #fff;
    132 }
    133 polyline.knob-tick {
    134   stroke: #fff;
    135 }
    136 </style>
    137 
    138   <defs>
    139     <symbol id="dial-partials-additator" viewBox="0 0 70px 70px">
    140       <g transform="translate(35 35)">
    141         <text font-size="6.0pt" transform="rotate(-240) translate(25.5 0) rotate(240) translate(-2.5 2.5)">1</text>
    142         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-212.73) translate(21 0)"/>
    143         <text font-size="6.0pt" transform="rotate(-182.42) translate(25 0) rotate(182.42) translate(-7 2.8)">20</text>
    144         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-152.12) translate(21 0)"/>
    145         <text font-size="6.0pt" transform="rotate(-121.82) translate(25 0) rotate(121.82) translate(-7 2.5)">40</text>
    146         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-91.52) translate(21 0)"/>
    147         <text font-size="6.0pt" transform="rotate(-61.21) translate(25 0) rotate(61.21) translate(-3 2.5)">60</text>
    148         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30.91) translate(21 0)"/>
    149         <text font-size="6.0pt" transform="rotate(-0.61) translate(25 0) rotate(0.61) translate(-2.5 2.8)">80</text>
    150         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(29.7) translate(21 0)"/>
    151         <text font-size="6.0pt" transform="rotate(60) translate(25.5 0) rotate(-60) translate(-2 2.5)">100</text>
    152       </g>
    153     </symbol>
    154   </defs>
    155 
    156   
    157       
    158       <rect class="module-background background-fill" width="225.0" height="380.0"/>
    159     
    160       
    161       <polyline class="module-border-inner" points="1,1 224.0,1 224.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    162       <polyline class="module-border-middle" points="0.5,0.5 224.5,0.5 224.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    163       <polyline class="module-border-outer" points="0,0 225.0,0 225.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    164     
    165       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">ADDITATOR</text>
    166       <g transform="translate(0 374)">
    167         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
    168         <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
    169       </g>
    170     
    171 
    172   
    173   
    174   
    175   
    176 
    177   <g transform="translate(20 25)">
    178     
    179     
    180     
    181     <g transform="translate(20 20)"><svg id="FREQUENCY_PARAM">
    182       <g transform="translate(34 34)">
    183         <polyline points="-10,0 10,0" stroke-width="1" stroke="#00f"/>
    184         <polyline points="0,-10 0,10" stroke-width="1" stroke="#00f"/>
    185         <circle cx="0" cy="0" r="33.5" stroke-width="1" stroke="#00f" fill="none"/>
    186       </g>
    187     </svg></g>
    188   </g>
    189   <g transform="translate(20 25)">
    190       <g transform="translate(54 54)">
    191         <g transform="rotate(-240) translate(34 0)">
    192           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    193           <text font-size="7.0pt" transform="translate(14 0) rotate(240) translate(-6 3)">-3</text>
    194         </g>
    195         <g transform="rotate(-220.56) translate(34 0)">
    196           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    197         </g>
    198 
    199         <g transform="rotate(-206.667) translate(34 0)">
    200           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    201           <text font-size="7.0pt" transform="translate(14 0) rotate(206.667) translate(-5.5 3)">-2</text>
    202         </g>
    203         <g transform="rotate(-187.23) translate(34 0)">
    204           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    205         </g>
    206 
    207         <g transform="rotate(-173.333) translate(34 0)">
    208           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    209           <text font-size="7.0pt" transform="translate(14 0) rotate(173.333) translate(-4 3)">-1</text>
    210         </g>
    211         <g transform="rotate(-153.89) translate(34 0)">
    212           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    213         </g>
    214 
    215         <g transform="rotate(-140) translate(34 0)">
    216           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    217           <text font-size="7.0pt" letter-spacing="1px" transform="translate(16 0) rotate(140) translate(-6 3.5)">0V</text>
    218         </g>
    219         <g transform="rotate(-120.56) translate(34 0)">
    220           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    221         </g>
    222 
    223         <g transform="rotate(-106.667) translate(34 0)">
    224           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    225           <text font-size="7.0pt" transform="translate(14 0) rotate(106.667) translate(-2.7 3)">1</text>
    226         </g>
    227         <g transform="rotate(-87.23) translate(34 0)">
    228           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    229         </g>
    230 
    231         <g transform="rotate(-73.33) translate(34 0)">
    232           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    233           <text font-size="7.0pt" transform="translate(14 0) rotate(73.333) translate(-2.7 3)">2</text>
    234         </g>
    235         <g transform="rotate(-53.89) translate(34 0)">
    236           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    237         </g>
    238 
    239         <g transform="rotate(-40) translate(34 0)">
    240           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    241           <text font-size="7.0pt" transform="translate(14 0) rotate(40) translate(-2.7 3)">3</text>
    242         </g>
    243         <g transform="rotate(-20.56) translate(34 0)">
    244           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    245         </g>
    246 
    247         <g transform="rotate(-6.667) translate(34 0)">
    248           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    249           <text font-size="7.0pt" transform="translate(14 0) rotate(6.667) translate(-2.7 3)">4</text>
    250         </g>
    251         <g transform="rotate(12.77) translate(34 0)">
    252           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    253         </g>
    254 
    255         <g transform="rotate(26.667) translate(34 0)">
    256           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    257           <text font-size="7.0pt" transform="translate(14 0) rotate(-26.667) translate(-2.7 3)">5</text>
    258         </g>
    259         <g transform="rotate(46.11) translate(34 0)">
    260           <polyline points="0,0 3,0" stroke-width="0.7" transform="translate(3 0)"/>
    261         </g>
    262 
    263         <g transform="rotate(60) translate(34 0)">
    264           <polyline points="0,0 5,0" stroke-width="1" transform="translate(3 0)"/>
    265           <text font-size="7.0pt" transform="translate(14 0) rotate(-60) translate(-2.7 3)">6</text>
    266         </g>
    267       </g>
    268     </g>
    269 
    270   <text font-size="6pt" letter-spacing="1px" transform="translate(30 135)">0V = C4 = 261.63HZ</text>
    271 
    272   <g transform="translate(144 60)">
    273     
    274     
    275     <text font-size="8pt" letter-spacing="2px" transform="translate(4 50) rotate(270)">PARTIALS</text>
    276     <g transform="translate(21 0)"><svg id="PARTIALS_PARAM">
    277       <g transform="translate(19 19)">
    278         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    279         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    280         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    281       </g>
    282     </svg></g>
    283     <use xlink:href="#dial-partials-additator" transform="translate(5 -16)" href="#dial-partials-additator"/>
    284   </g>
    285 
    286   <g transform="translate(10 155)">
    287     <g transform="translate(10 5)">
    288       
    289       
    290       
    291       
    292       <text font-size="8pt" letter-spacing="2px" transform="translate(-3 22.5) rotate(270)">FINE</text>
    293       <g transform="translate(10 0)"><svg id="FINE_PARAM">
    294       <g transform="translate(8 8)">
    295         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    296         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    297         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    298       </g>
    299     </svg></g>
    300       
    301     </g>
    302     <g transform="translate(8 -7)">
    303       <g transform="translate(20 20)">
    304         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    305         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(20)"/>
    306         <path d="M 0 -12.5 A 12.5 12.5 0 0 1 12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(43)"/>
    307         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-20)"/>
    308         <path d="M 0 -12.5 A 12.5 12.5 0 0 0 -12.5 0" stroke-width="0.7" stroke-linecap="round" stroke="#ccc" fill="none" transform="rotate(-43)"/>
    309       </g>
    310     </g>
    311     <g transform="translate(53 0)">
    312       
    313       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33) rotate(270)">WIDTH</text>
    314       <g transform="translate(16 0)"><svg id="WIDTH_PARAM">
    315       <g transform="translate(13 13)">
    316         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    317         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    318         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    319       </g>
    320     </svg></g>
    321     </g>
    322     <g transform="translate(59.5 -9.5)">
    323       <g transform="translate(22.5 22.5)">
    324         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
    325         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
    326         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
    327         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
    328         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    329         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/>
    330         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    331         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
    332         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    333         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
    334         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/>
    335       </g>
    336     </g>
    337     <g transform="translate(106 0)">
    338       
    339       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">O-SKEW</text>
    340       <g transform="translate(16 0)"><svg id="ODD_SKEW_PARAM">
    341       <g transform="translate(13 13)">
    342         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    343         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    344         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    345       </g>
    346     </svg></g>
    347     </g>
    348     <g transform="translate(112.5 -9.5)">
    349       <g transform="translate(22.5 22.5)">
    350         <g transform="rotate(-240) translate(15 0)">
    351           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    352         </g>
    353         <g transform="rotate(-210) translate(15 0)">
    354           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    355         </g>
    356         <g transform="rotate(-180) translate(15 0)">
    357           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    358         </g>
    359         <g transform="rotate(-150) translate(15 0)">
    360           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    361         </g>
    362         <g transform="rotate(-120) translate(15 0)">
    363           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    364         </g>
    365         <g transform="rotate(-90) translate(15 0)">
    366           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    367         </g>
    368         <g transform="rotate(-60) translate(15 0)">
    369           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    370         </g>
    371         <g transform="rotate(-30) translate(15 0)">
    372           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    373         </g>
    374         <g transform="rotate(0) translate(15 0)">
    375           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    376         </g>
    377         <g transform="rotate(30) translate(15 0)">
    378           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    379         </g>
    380         <g transform="rotate(60) translate(15 0)">
    381           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    382         </g>
    383       </g>
    384     </g>
    385     <g transform="translate(158 0)">
    386       
    387       <text font-size="8pt" letter-spacing="2px" transform="translate(8 37.5) rotate(270)">E-SKEW</text>
    388       <g transform="translate(16 0)"><svg id="EVEN_SKEW_PARAM">
    389       <g transform="translate(13 13)">
    390         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    391         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    392         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    393       </g>
    394     </svg></g>
    395     </g>
    396     <g transform="translate(164.5 -9.5)">
    397       <g transform="translate(22.5 22.5)">
    398         <g transform="rotate(-240) translate(15 0)">
    399           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    400         </g>
    401         <g transform="rotate(-210) translate(15 0)">
    402           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    403         </g>
    404         <g transform="rotate(-180) translate(15 0)">
    405           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    406         </g>
    407         <g transform="rotate(-150) translate(15 0)">
    408           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    409         </g>
    410         <g transform="rotate(-120) translate(15 0)">
    411           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    412         </g>
    413         <g transform="rotate(-90) translate(15 0)">
    414           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    415         </g>
    416         <g transform="rotate(-60) translate(15 0)">
    417           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    418         </g>
    419         <g transform="rotate(-30) translate(15 0)">
    420           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    421         </g>
    422         <g transform="rotate(0) translate(15 0)">
    423           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    424         </g>
    425         <g transform="rotate(30) translate(15 0)">
    426           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    427         </g>
    428         <g transform="rotate(60) translate(15 0)">
    429           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    430         </g>
    431       </g>
    432     </g>
    433   </g>
    434 
    435   <g transform="translate(10 218)">
    436     <g transform="translate(-1 0)">
    437       
    438       
    439       <text font-size="8pt" letter-spacing="2px" transform="translate(8 28.5) rotate(270)">GAIN</text>
    440       <g transform="translate(16 0)"><svg id="GAIN_PARAM">
    441       <g transform="translate(13 13)">
    442         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    443         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    444         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    445       </g>
    446     </svg></g>
    447     </g>
    448     <g transform="translate(5.5 -9.5)">
    449       <g transform="translate(22.5 22.5)">
    450         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-2 2)">0</text>
    451         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
    452         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
    453         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
    454         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    455         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-90) translate(15 0)"/>
    456         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    457         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
    458         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    459         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
    460         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(60) translate(15 0)"/>
    461       </g>
    462     </g>
    463     <g transform="translate(53 0)">
    464       
    465       <text font-size="8pt" letter-spacing="2px" transform="translate(8 33.5) rotate(270)">DECAY</text>
    466       <g transform="translate(16 0)"><svg id="DECAY_PARAM">
    467       <g transform="translate(13 13)">
    468         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    469         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    470         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    471       </g>
    472     </svg></g>
    473     </g>
    474     <g transform="translate(59.5 -9.5)">
    475       <g transform="translate(22.5 22.5)">
    476         <g transform="rotate(-240) translate(15 0)">
    477           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    478         </g>
    479         <g transform="rotate(-210) translate(15 0)">
    480           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    481         </g>
    482         <g transform="rotate(-180) translate(15 0)">
    483           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    484         </g>
    485         <g transform="rotate(-150) translate(15 0)">
    486           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    487         </g>
    488         <g transform="rotate(-120) translate(15 0)">
    489           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    490         </g>
    491         <g transform="rotate(-90) translate(15 0)">
    492           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    493         </g>
    494         <g transform="rotate(-60) translate(15 0)">
    495           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    496         </g>
    497         <g transform="rotate(-30) translate(15 0)">
    498           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    499         </g>
    500         <g transform="rotate(0) translate(15 0)">
    501           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    502         </g>
    503         <g transform="rotate(30) translate(15 0)">
    504           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    505         </g>
    506         <g transform="rotate(60) translate(15 0)">
    507           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    508         </g>
    509       </g>
    510     </g>
    511     <g transform="translate(106 0)">
    512       
    513       <text font-size="8pt" letter-spacing="2px" transform="translate(8 43) rotate(270)">BALANCE</text>
    514       <g transform="translate(16 0)"><svg id="BALANCE_PARAM">
    515       <g transform="translate(13 13)">
    516         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    517         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    518         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    519       </g>
    520     </svg></g>
    521     </g>
    522     <g transform="translate(112.5 -9.5)">
    523       <g transform="translate(22.5 22.5)">
    524         <g transform="rotate(-240) translate(15 0)">
    525           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    526         </g>
    527         <g transform="rotate(-210) translate(15 0)">
    528           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    529         </g>
    530         <g transform="rotate(-180) translate(15 0)">
    531           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    532         </g>
    533         <g transform="rotate(-150) translate(15 0)">
    534           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    535         </g>
    536         <g transform="rotate(-120) translate(15 0)">
    537           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    538         </g>
    539         <g transform="rotate(-90) translate(15 0)">
    540           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    541         </g>
    542         <g transform="rotate(-60) translate(15 0)">
    543           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    544         </g>
    545         <g transform="rotate(-30) translate(15 0)">
    546           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    547         </g>
    548         <g transform="rotate(0) translate(15 0)">
    549           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    550         </g>
    551         <g transform="rotate(30) translate(15 0)">
    552           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    553         </g>
    554         <g transform="rotate(60) translate(15 0)">
    555           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    556         </g>
    557       </g>
    558     </g>
    559     <g transform="translate(158 0)">
    560       
    561       <text font-size="8pt" letter-spacing="2px" transform="translate(8 34.5) rotate(270)">FILTER</text>
    562       <g transform="translate(16 0)"><svg id="FILTER_PARAM">
    563       <g transform="translate(13 13)">
    564         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    565         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    566         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    567       </g>
    568     </svg></g>
    569     </g>
    570     <g transform="translate(164.5 -9.5)">
    571       <g transform="translate(22.5 22.5)">
    572         <g transform="rotate(-240) translate(15 0)">
    573           <text font-size="9.0pt" transform="translate(3 0) rotate(240) translate(-2.2 3.6)">-</text>
    574         </g>
    575         <g transform="rotate(-210) translate(15 0)">
    576           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    577         </g>
    578         <g transform="rotate(-180) translate(15 0)">
    579           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    580         </g>
    581         <g transform="rotate(-150) translate(15 0)">
    582           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    583         </g>
    584         <g transform="rotate(-120) translate(15 0)">
    585           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    586         </g>
    587         <g transform="rotate(-90) translate(15 0)">
    588           <text font-size="5.0pt" transform="translate(2 0) rotate(90) translate(-2 2)">0</text>
    589         </g>
    590         <g transform="rotate(-60) translate(15 0)">
    591           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    592         </g>
    593         <g transform="rotate(-30) translate(15 0)">
    594           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    595         </g>
    596         <g transform="rotate(0) translate(15 0)">
    597           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    598         </g>
    599         <g transform="rotate(30) translate(15 0)">
    600           <polyline points="0,0 2.5,0" stroke-width="0.7"/>
    601         </g>
    602         <g transform="rotate(60) translate(15 0)">
    603           <text font-size="5.0pt" transform="translate(3 0) rotate(-60) translate(-2 2)">+</text>
    604         </g>
    605       </g>
    606     </g>
    607   </g>
    608 
    609   <g transform="translate(185 272)">
    610     <g transform="translate(0 0)"><svg id="SINE_LIGHT">
    611       <rect width="6.4" height="6.4" fill="#0f0"/>
    612     </svg></g>
    613     <text font-size="6pt" letter-spacing="2px" transform="translate(9 6.1)">SIN</text>
    614     <g transform="translate(0 15)"><svg id="COSINE_LIGHT">
    615       <rect width="6.4" height="6.4" fill="#0f0"/>
    616     </svg></g>
    617     <text font-size="6pt" letter-spacing="2px" transform="translate(9 21.1)">COS</text>
    618     <g transform="translate(9 27)"><svg id="PHASE_PARAM">
    619       <g transform="translate(4.5 4.5)">
    620         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    621       </g>
    622     </svg></g>
    623   </g>
    624 
    625   <g class="io-group" transform="translate(0 269)">
    626     <rect class="output-background" width="205" height="47" rx="5" transform="translate(10 44)"/>
    627     <rect class="input-background" width="171" height="91" rx="5" transform="translate(10 0)"/>
    628     <rect class="input-background-filler" width="10" height="10" transform="translate(171 81)"/>
    629 
    630     <g transform="translate(10 0)">
    631       <g transform="translate(3 0)">
    632         <g transform="translate(3 5)"><svg id="SYNC_INPUT">
    633       <g transform="translate(12 12)">
    634         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    635         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    636       </g>
    637     </svg></g>
    638         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">SYNC</text>
    639       </g>
    640       <g transform="translate(37 0)">
    641         <g transform="translate(3 5)"><svg id="PARTIALS_INPUT">
    642       <g transform="translate(12 12)">
    643         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    644         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    645       </g>
    646     </svg></g>
    647         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">PRTLS</text>
    648       </g>
    649       <g transform="translate(71 0)">
    650         <g transform="translate(3 5)"><svg id="WIDTH_INPUT">
    651       <g transform="translate(12 12)">
    652         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    653         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    654       </g>
    655     </svg></g>
    656         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(0.5 40)">WIDTH</text>
    657       </g>
    658       <g transform="translate(105 0)">
    659         <g transform="translate(3 5)"><svg id="ODD_SKEW_INPUT">
    660       <g transform="translate(12 12)">
    661         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    662         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    663       </g>
    664     </svg></g>
    665         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OSK</text>
    666       </g>
    667       <g transform="translate(139 0)">
    668         <g transform="translate(3 5)"><svg id="EVEN_SKEW_INPUT">
    669       <g transform="translate(12 12)">
    670         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    671         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    672       </g>
    673     </svg></g>
    674         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ESK</text>
    675       </g>
    676     </g>
    677 
    678     <g transform="translate(10 44)">
    679       <g transform="translate(3 0)">
    680         <g transform="translate(3 5)"><svg id="PITCH_INPUT">
    681       <g transform="translate(12 12)">
    682         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    683         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    684       </g>
    685     </svg></g>
    686         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">V/OCT</text>
    687       </g>
    688       <g transform="translate(37 0)">
    689         <g transform="translate(3 5)"><svg id="GAIN_INPUT">
    690       <g transform="translate(12 12)">
    691         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    692         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    693       </g>
    694     </svg></g>
    695         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(2 40)">GAIN</text>
    696       </g>
    697       <g transform="translate(71 0)">
    698         <g transform="translate(3 5)"><svg id="DECAY_INPUT">
    699       <g transform="translate(12 12)">
    700         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    701         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    702       </g>
    703     </svg></g>
    704         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">DECAY</text>
    705       </g>
    706       <g transform="translate(105 0)">
    707         <g transform="translate(3 5)"><svg id="BALANCE_INPUT">
    708       <g transform="translate(12 12)">
    709         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    710         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    711       </g>
    712     </svg></g>
    713         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">BAL</text>
    714       </g>
    715       <g transform="translate(139 0)">
    716         <g transform="translate(3 5)"><svg id="FILTER_INPUT">
    717       <g transform="translate(12 12)">
    718         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    719         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    720       </g>
    721     </svg></g>
    722         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(3 40)">FLTR</text>
    723       </g>
    724       <g transform="translate(173 0)">
    725         <g transform="translate(3 5)"><svg id="AUDIO_OUTPUT">
    726       <g transform="translate(12 12)">
    727         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    728         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    729       </g>
    730     </svg></g>
    731         <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>
    732       </g>
    733     </g>
    734   </g>
    735 </svg>