BogaudioModules

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

Pressor-dark-pp.svg (26142B)


      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-ratio-pressor" viewBox="0 0 70px 70px">
    140       <g transform="translate(35 35)">
    141         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-2.5 2.5)">1</text>
    142         <text font-size="6.0pt" transform="rotate(-193.72) translate(25 0) rotate(193.72) translate(-8 2.5)">1.1</text>
    143         <text font-size="6.0pt" transform="rotate(-149.7) translate(25 0) rotate(149.7) translate(-9 2.5)">1.3</text>
    144         <text font-size="6.0pt" transform="rotate(-108.93) translate(25 0) rotate(108.93) translate(-9 2.5)">1.6</text>
    145         <text font-size="6.0pt" transform="rotate(-74.52) translate(25 0) rotate(74.52) translate(-2.3 2.5)">2</text>
    146         <text font-size="6.0pt" transform="rotate(-47.12) translate(25 0) rotate(47.12) translate(-2.3 2.5)">2.5</text>
    147         <text font-size="6.0pt" transform="rotate(-6.18) translate(25 0) rotate(6.18) translate(-2.3 2.5)">4</text>
    148         <text font-size="6.0pt" transform="rotate(31.11) translate(25 0) rotate(-31.11) translate(-2.3 2.5)">9</text>
    149         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-4 2.2)">&#x221E;</text>
    150       </g>
    151     </symbol>
    152 
    153     <symbol id="dial-threshold-pressor" viewBox="0 0 70px 70px">
    154       <g transform="translate(35 35)">
    155         <text font-size="6.0pt" transform="rotate(-240) translate(25 0) rotate(240) translate(-10 2.5)">-24</text>
    156         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-210) translate(21 0)"/>
    157         <text font-size="6.0pt" transform="rotate(-180) translate(25 0) rotate(180) translate(-10 2.5)">-18</text>
    158         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-150) translate(21 0)"/>
    159         <text font-size="6.0pt" transform="rotate(-120) translate(25 0) rotate(120) translate(-10 2.5)">-12</text>
    160         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-90) translate(21 0)"/>
    161         <text font-size="6.0pt" transform="rotate(-60) translate(25 0) rotate(60) translate(-2.3 2.5)">-6</text>
    162         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(-30) translate(21 0)"/>
    163         <text font-size="6.0pt" transform="rotate(0) translate(25 0) rotate(0) translate(-2.3 2.5)">0</text>
    164         <polyline points="0,0 3,0" stroke-width="0.7" transform="rotate(30) translate(21 0)"/>
    165         <text font-size="6.0pt" transform="rotate(60) translate(25 0) rotate(-60) translate(-2.3 2.5)">6</text>
    166         <text font-size="6.0pt" transform="rotate(90) translate(29 0) rotate(-90) translate(-4.7 2.2)">dB</text>
    167       </g>
    168     </symbol>
    169 
    170     <symbol id="dial-attack-pressor" viewBox="0 0 45px 45px">
    171       <g transform="translate(22.5 22.5)">
    172         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
    173         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/>
    174         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-5.7 2.2)">50</text>
    175         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/>
    176         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">250</text>
    177         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/>
    178         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">500</text>
    179         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4.4 2.2)">MS</text>
    180       </g>
    181     </symbol>
    182 
    183     <symbol id="dial-release-pressor" viewBox="0 0 45px 45px">
    184       <g transform="translate(22.5 22.5)">
    185         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
    186         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-172.92) translate(15 0)"/>
    187         <text font-size="5.0pt" transform="rotate(-145.13) translate(17 0) rotate(145.13) translate(-7.5 2.2)">0.2</text>
    188         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-75.68) translate(15 0)"/>
    189         <text font-size="5.0pt" transform="rotate(-27.87) translate(17 0) rotate(27.87) translate(-2.2 2.2)">1</text>
    190         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.81) translate(15 0)"/>
    191         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">2</text>
    192         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-2 2.2)">S</text>
    193       </g>
    194     </symbol>
    195 
    196     <symbol id="dial-detectormix-pressor" viewBox="0 0 45px 45px">
    197       <g transform="translate(22.5 22.5)">
    198         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-4.2 2.2)">IN</text>
    199         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-210) translate(15 0)"/>
    200         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-180) translate(15 0)"/>
    201         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-150) translate(15 0)"/>
    202         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-120) translate(15 0)"/>
    203         <polyline points="0,0 3.5,0" stroke-width="1" transform="rotate(-90) translate(15 0)"/>
    204         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-60) translate(15 0)"/>
    205         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-30) translate(15 0)"/>
    206         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(0) translate(15 0)"/>
    207         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(30) translate(15 0)"/>
    208         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-2.1 2.5)">SD</text>
    209       </g>
    210     </symbol>
    211 
    212     <symbol id="dial-inputgain-pressor" viewBox="0 0 45px 45px">
    213       <g transform="translate(22.5 22.5)">
    214         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-8 2.2)">-12</text>
    215         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/>
    216         <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-4.5 2.2)">-6</text>
    217         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/>
    218         <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-1.9 2)">0</text>
    219         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/>
    220         <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-2 2.2)">6</text>
    221         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/>
    222         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">12</text>
    223         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>
    224       </g>
    225     </symbol>
    226 
    227     <symbol id="dial-outputgain-pressor" viewBox="0 0 45px 45px">
    228       <g transform="translate(22.5 22.5)">
    229         <text font-size="5.0pt" transform="rotate(-240) translate(18 0) rotate(240) translate(-1.9 2.2)">0</text>
    230         <polyline points="0,0 1.5,0" stroke-width="0.7" transform="rotate(-202.5) translate(15 0)"/>
    231         <text font-size="5.0pt" transform="rotate(-165) translate(17 0) rotate(165) translate(-2 2.2)">6</text>
    232         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-127.5) translate(15 0)"/>
    233         <text font-size="5.0pt" transform="rotate(-90) translate(17 0) rotate(90) translate(-4 2)">12</text>
    234         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-52.5) translate(15 0)"/>
    235         <text font-size="5.0pt" transform="rotate(-15) translate(17 0) rotate(15) translate(-3.5 2.2)">18</text>
    236         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(22.5) translate(15 0)"/>
    237         <text font-size="5.0pt" transform="rotate(60) translate(18 0) rotate(-60) translate(-1.9 2.2)">24</text>
    238         <text font-size="5.0pt" transform="rotate(90) translate(22 0) rotate(-90) translate(-4 2.2)">dB</text>
    239       </g>
    240     </symbol>
    241 
    242     <symbol id="compression-pressor" viewBox="0 0 11px 75px">
    243       
    244       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 0)"/>
    245       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 15)"/>
    246       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 30)"/>
    247       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 45)"/>
    248       <rect width="5" height="13" x="0" y="1" rx="0" fill="#aaa" transform="translate(3 60)"/>
    249     </symbol>
    250 
    251     <symbol id="guide-compression-pressor" viewBox="0 0 20px 95px">
    252       <g transform="translate(0 10)">
    253         <g transform="translate(0 0)">
    254           <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/>
    255           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-5.5 2.2)">30+</text>
    256         </g>
    257         <g transform="translate(0 15)">
    258           <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/>
    259           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4 2.2)">24</text>
    260         </g>
    261         <g transform="translate(0 30)">
    262           <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/>
    263           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">18</text>
    264         </g>
    265         <g transform="translate(0 45)">
    266           <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/>
    267           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-4.5 2.2)">12</text>
    268         </g>
    269         <g transform="translate(0 60)">
    270           <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/>
    271           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">6</text>
    272         </g>
    273         <g transform="translate(0 75)">
    274           <polyline points="0,0 3,0" fill="none" transform="translate(11 0)"/>
    275           <text font-size="6.0pt" transform="translate(7 0) rotate(-90) translate(-2.5 2.2)">0</text>
    276         </g>
    277       </g>
    278     </symbol>
    279   </defs>
    280 
    281   
    282       
    283       <rect class="module-background background-fill" width="225.0" height="380.0"/>
    284     
    285       
    286       <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"/>
    287       <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"/>
    288       <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"/>
    289     
    290       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(112.5 19)">PRESSOR</text>
    291       <g transform="translate(0 374)">
    292         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(112.5 0)">BOGAUDIO</text>
    293         <rect class="background-fill" width="3" height="3" transform="translate(97.0 -5)"/>
    294       </g>
    295     
    296 
    297   <g transform="translate(13 53)">
    298     
    299     
    300     
    301     
    302     
    303     <text font-size="8pt" letter-spacing="1.5px" transform="translate(4 56.5) rotate(270)">THRESHOLD</text>
    304     <g transform="translate(23 0)"><svg id="THRESHOLD_PARAM">
    305       <g transform="translate(19 19)">
    306         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    307         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    308         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    309       </g>
    310     </svg></g>
    311     <use xlink:href="#dial-threshold-pressor" transform="translate(7 -16)" href="#dial-threshold-pressor"/>
    312   </g>
    313 
    314   <g transform="translate(102 53)">
    315     
    316     
    317     <text font-size="8pt" letter-spacing="2px" transform="translate(4 38.5) rotate(270)">RATIO</text>
    318     <g transform="translate(23 0)"><svg id="RATIO_PARAM">
    319       <g transform="translate(19 19)">
    320         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    321         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    322         <circle cx="0" cy="0" r="18.5" stroke-width="1" stroke="#00f" fill="none"/>
    323       </g>
    324     </svg></g>
    325     <use xlink:href="#dial-ratio-pressor" transform="translate(7 -16)" href="#dial-ratio-pressor"/>
    326   </g>
    327 
    328   <g transform="translate(207 35)">
    329     <text font-size="6pt" letter-spacing="2px" transform="translate(-15 75) rotate(270)">COMPRESSION</text>
    330     <use id="COMPRESSION_WIDGET" xlink:href="#compression-pressor" transform="translate(0 -1)" href="#compression-pressor"/>
    331     <use xlink:href="#guide-compression-pressor" transform="translate(-13 -11)" href="#guide-compression-pressor"/>
    332   </g>
    333 
    334   <g transform="translate(10 141)">
    335     <g transform="translate(13 0)">
    336       
    337       
    338       
    339       
    340       
    341       <text font-size="8pt" letter-spacing="2px" transform="translate(6 38.5) rotate(270)">ATTACK</text>
    342       <g transform="translate(19 0)"><svg id="ATTACK_PARAM">
    343       <g transform="translate(13 13)">
    344         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    345         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    346         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    347       </g>
    348     </svg></g>
    349     </g>
    350     <use xlink:href="#dial-attack-pressor" transform="translate(21.5 -9.5)" href="#dial-attack-pressor"/>
    351     <g transform="translate(102 0)">
    352       
    353       
    354       <text font-size="8pt" letter-spacing="2px" transform="translate(6 42) rotate(270)">RELEASE</text>
    355       <g transform="translate(19 0)"><svg id="RELEASE_PARAM">
    356       <g transform="translate(13 13)">
    357         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    358         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    359         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    360       </g>
    361     </svg></g>
    362     </g>
    363     <use xlink:href="#dial-release-pressor" transform="translate(111.5 -9.5)" href="#dial-release-pressor"/>
    364   </g>
    365 
    366   <g transform="translate(10 213)">
    367     <g transform="translate(-1 0)">
    368       
    369       
    370       
    371       
    372       
    373       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38.5) rotate(270)">IN GAIN</text>
    374       <g transform="translate(19 0)"><svg id="INPUT_GAIN_PARAM">
    375       <g transform="translate(13 13)">
    376         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    377         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    378         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    379       </g>
    380     </svg></g>
    381     </g>
    382     <use xlink:href="#dial-inputgain-pressor" transform="translate(8.5 -9.5)" href="#dial-inputgain-pressor"/>
    383     <g transform="translate(60 0)">
    384       
    385       
    386       <text font-size="8pt" letter-spacing="2px" transform="translate(8 44.5) rotate(270)">OUT GAIN</text>
    387       <g transform="translate(19 0)"><svg id="OUTPUT_GAIN_PARAM">
    388       <g transform="translate(13 13)">
    389         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    390         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    391         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    392       </g>
    393     </svg></g>
    394     </g>
    395     <use xlink:href="#dial-outputgain-pressor" transform="translate(69.5 -9.5)" href="#dial-outputgain-pressor"/>
    396     <g transform="translate(121 0)">
    397       
    398       
    399       <text font-size="8pt" letter-spacing="2px" transform="translate(8 38) rotate(270)">IN/SIDE</text>
    400       <g transform="translate(19 0)"><svg id="DETECTOR_MIX_PARAM">
    401       <g transform="translate(13 13)">
    402         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    403         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    404         <circle cx="0" cy="0" r="12.5" stroke-width="1" stroke="#00f" fill="none"/>
    405       </g>
    406     </svg></g>
    407     </g>
    408     <use xlink:href="#dial-detectormix-pressor" transform="translate(130.5 -9.5)" href="#dial-detectormix-pressor"/>
    409   </g>
    410 
    411   <g transform="translate(199 128)">
    412     <g transform="translate(0 0)">
    413       
    414       <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 25.5) rotate(270)">MODE</text>
    415       <text font-size="5pt" letter-spacing="2px" transform="translate(-5 -1)">COMP</text>
    416       <g transform="translate(0 2)"><svg id="MODE_PARAM">
    417       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    418       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    419     </svg></g>
    420       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">GATE</text>
    421     </g>
    422     <g transform="translate(0 49)">
    423       
    424       <text font-size="5pt" letter-spacing="1.5px" transform="translate(-8 30) rotate(270)">DETECT</text>
    425       <text font-size="5pt" letter-spacing="2px" transform="translate(-2 -1)">RMS</text>
    426       <g transform="translate(0 2)"><svg id="DECTECTOR_MODE_PARAM">
    427       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    428       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    429     </svg></g>
    430       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 34)">PEAK</text>
    431     </g>
    432     <g transform="translate(0 98)">
    433       
    434       <text font-size="5pt" letter-spacing="2px" transform="translate(-8 25.5) rotate(270)">KNEE</text>
    435       <text font-size="5pt" letter-spacing="2px" transform="translate(-4 -1)">SOFT</text>
    436       <g transform="translate(0 2)"><svg id="KNEE_PARAM">
    437       <rect width="14px" height="24px" stroke-width="1" stroke="#000" fill="#ddd"/>
    438       <rect width="14px" height="12px" stroke-width="0" fill="#000"/>
    439     </svg></g>
    440       <text font-size="5pt" letter-spacing="2px" transform="translate(-5 34)">HARD</text>
    441     </g>
    442   </g>
    443 
    444   <g class="io-group" transform="translate(0 269)">
    445     <rect class="output-background" width="205" height="91" rx="5" transform="translate(10 0)"/>
    446     <rect class="input-background" width="137" height="91" rx="5" transform="translate(10 0)"/>
    447     <rect class="input-background" width="171" height="47" rx="5" transform="translate(10 44)"/>
    448     <rect class="input-background-filler" width="10" height="10" transform="translate(137 0)"/>
    449     <rect class="input-background-filler" width="10" height="10" transform="translate(171 81)"/>
    450 
    451     <g transform="translate(10 0)">
    452       <g transform="translate(3 0)">
    453         <g transform="translate(3 5)"><svg id="LEFT_INPUT">
    454       <g transform="translate(12 12)">
    455         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    456         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    457       </g>
    458     </svg></g>
    459         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>
    460       </g>
    461       <g transform="translate(37 0)">
    462         <g transform="translate(3 5)"><svg id="SIDECHAIN_INPUT">
    463       <g transform="translate(12 12)">
    464         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    465         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    466       </g>
    467     </svg></g>
    468         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(3 40)">SIDE</text>
    469       </g>
    470       <g transform="translate(71 0)">
    471         <g transform="translate(3 5)"><svg id="THRESHOLD_INPUT">
    472       <g transform="translate(12 12)">
    473         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    474         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    475       </g>
    476     </svg></g>
    477         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(1.5 40)">TRSH</text>
    478       </g>
    479       <g transform="translate(105 0)">
    480         <g transform="translate(3 5)"><svg id="RATIO_INPUT">
    481       <g transform="translate(12 12)">
    482         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    483         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    484       </g>
    485     </svg></g>
    486         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1.5 40)">RATIO</text>
    487       </g>
    488       <g transform="translate(139 0)">
    489         <g transform="translate(3 5)"><svg id="ENVELOPE_OUTPUT">
    490       <g transform="translate(12 12)">
    491         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    492         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    493       </g>
    494     </svg></g>
    495         <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ENV</text>
    496       </g>
    497       <g transform="translate(173 0)">
    498         <g transform="translate(3 5)"><svg id="LEFT_OUTPUT">
    499       <g transform="translate(12 12)">
    500         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    501         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    502       </g>
    503     </svg></g>
    504         <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(13 40)">L</text>
    505       </g>
    506     </g>
    507 
    508     <g transform="translate(10 44)">
    509       <g transform="translate(3 0)">
    510         <g transform="translate(3 5)"><svg id="RIGHT_INPUT">
    511       <g transform="translate(12 12)">
    512         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    513         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    514       </g>
    515     </svg></g>
    516         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(13 40)">R</text>
    517       </g>
    518       <g transform="translate(37 0)">
    519         <g transform="translate(3 5)"><svg id="ATTACK_INPUT">
    520       <g transform="translate(12 12)">
    521         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    522         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    523       </g>
    524     </svg></g>
    525         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.5 40)">ATT</text>
    526       </g>
    527       <g transform="translate(71 0)">
    528         <g transform="translate(3 5)"><svg id="RELEASE_INPUT">
    529       <g transform="translate(12 12)">
    530         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    531         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    532       </g>
    533     </svg></g>
    534         <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(5.4 40)">REL</text>
    535       </g>
    536       <g transform="translate(105 0)">
    537         <g transform="translate(3 5)"><svg id="INPUT_GAIN_INPUT">
    538       <g transform="translate(12 12)">
    539         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    540         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    541       </g>
    542     </svg></g>
    543         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">IGN</text>
    544       </g>
    545       <g transform="translate(139 0)">
    546         <g transform="translate(3 5)"><svg id="OUTPUT_GAIN_INPUT">
    547       <g transform="translate(12 12)">
    548         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    549         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    550       </g>
    551     </svg></g>
    552         <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(5.3 40)">OGN</text>
    553       </g>
    554       <g transform="translate(173 0)">
    555         <g transform="translate(3 5)"><svg id="RIGHT_OUTPUT">
    556       <g transform="translate(12 12)">
    557         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    558         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    559       </g>
    560     </svg></g>
    561         <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(12 40)">R</text>
    562       </g>
    563     </g>
    564   </g>
    565 </svg>