BogaudioModules

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

PEQ-dark-pp.svg (23919B)


      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="150.0" height="380.0" viewBox="0 0 150.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 polyline.guide {
     21   stroke: #0f0;
     22 }
     23 path {
     24   stroke: #333;
     25 }
     26 
     27 rect.module-background, .background-fill {
     28   fill: #ddd;
     29 }
     30 polyline.module-border-inner {
     31   stroke: #e4e4e4;
     32 }
     33 polyline.module-border-middle {
     34   stroke: #ebebeb;
     35 }
     36 polyline.module-border-outer {
     37   stroke: #f2f2f2;
     38 }
     39 
     40 g.io-group {
     41 }
     42 rect.input-background, rect.input-background-filler {
     43   fill: #fafafa;
     44 }
     45 rect.output-background, rect.output-background-filler {
     46   fill: #bbb;
     47 }
     48 text.input-label, text.output-label {
     49   /* font-size: 6pt; */
     50 }
     51 polyline.input-label, polyline.output-label {
     52 }
     53 path.input-label, path.output-label {
     54 }
     55 
     56 circle.port-rim {
     57   stroke: #f0f0f0;
     58 }
     59 circle.port-barrel {
     60   stroke: #222;
     61   fill: #222;
     62 }
     63 circle.knob-center {
     64    fill: #eee;
     65 }
     66 circle.knob-rim {
     67    fill: #333;
     68 }
     69 circle.knob-tick {
     70   fill: #fff;
     71 }
     72 polyline.knob-tick {
     73   stroke: #fff;
     74 }
     75 
     76 
     77 text {
     78   fill: #eee;
     79 }
     80 
     81 polyline {
     82   stroke: #ccc;
     83 }
     84 path {
     85   stroke: #ccc;
     86 }
     87 
     88 rect.module-background, .background-fill {
     89   fill: #111;
     90 }
     91 polyline.module-border-inner {
     92   stroke: #191919;
     93 }
     94 polyline.module-border-middle {
     95   stroke: #111;
     96 }
     97 polyline.module-border-outer {
     98   stroke: #000;
     99 }
    100 
    101 rect.input-background, rect.input-background-filler {
    102   fill: #aaa;
    103 }
    104 rect.output-background, rect.output-background-filler {
    105   fill: #666;
    106 }
    107 text.input-label {
    108   fill: #222;
    109 }
    110 polyline.input-label, path.input-label {
    111   stroke: #222;
    112 }
    113 text.output-label {
    114   fill: #ddd;
    115 }
    116 polyline.output-label, path.output-label {
    117   stroke: #ddd;
    118 }
    119 
    120 circle.port-rim {
    121   stroke: #c0c0c0;
    122 }
    123 circle.port-barrel {
    124   stroke: #222;
    125   fill: #222;
    126 }
    127 circle.knob-center {
    128    fill: #888;
    129 }
    130 circle.knob-rim {
    131    fill: #444;
    132 }
    133 circle.knob-tick {
    134   fill: #fff;
    135 }
    136 polyline.knob-tick {
    137   stroke: #fff;
    138 }
    139 </style>
    140 
    141   <defs>
    142     <symbol id="dial-frequency-peq" viewBox="0 0 61px 45px">
    143       <g transform="translate(25.5 22.5)">
    144         <text font-size="5pt" transform="rotate(60) translate(20 0) rotate(-60) translate(-5 4)">20K</text>
    145         <text font-size="5pt" transform="rotate(-90) translate(20 0) rotate(90) translate(-4 2.2)">5K</text>
    146         <text font-size="5pt" transform="rotate(-172.9) translate(20 0) rotate(172.9) translate(-5 2.2)">1K</text>
    147         <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-7 4)">0HZ</text>
    148 
    149         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(19.8) translate(17 0)"/>
    150         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-27.9) translate(17 0)"/>
    151         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-133.9) translate(17 0)"/>
    152         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-192.6) translate(17 0)"/>
    153       </g>
    154     </symbol>
    155 
    156     <symbol id="dial-level-peq" viewBox="0 0 45px 45px">
    157       <g transform="translate(22.5 22.5)">
    158         <text font-size="5pt" transform="rotate(32.73) translate(20 0) rotate(-32.73) translate(-1.9 2.2)">0</text>
    159         <text font-size="5pt" transform="rotate(-76.36) translate(20 0) rotate(76.36) translate(-4 2.2)">-24</text>
    160         <text font-size="5pt" transform="rotate(-240) translate(20 0) rotate(240) translate(-8 4)">-60dB</text>
    161 
    162         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(60) translate(17 0)"/>
    163         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(5.5) translate(17 0)"/>
    164         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-21.8) translate(17 0)"/>
    165         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-49.1) translate(17 0)"/>
    166         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-103.6) translate(17 0)"/>
    167         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-131) translate(17 0)"/>
    168         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-130.9) translate(17 0)"/>
    169         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-158.2) translate(17 0)"/>
    170         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-185.5) translate(17 0)"/>
    171         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-212.7) translate(17 0)"/>
    172       </g>
    173     </symbol>
    174   </defs>
    175 
    176   
    177       
    178       <rect class="module-background background-fill" width="150.0" height="380.0"/>
    179     
    180       
    181       <polyline class="module-border-inner" points="1,1 149.0,1 149.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    182       <polyline class="module-border-middle" points="0.5,0.5 149.5,0.5 149.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    183       <polyline class="module-border-outer" points="0,0 150.0,0 150.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    184     
    185       <text class="title" font-size="12pt" letter-spacing="4px" text-anchor="middle" transform="translate(75.0 19)">PEQ</text>
    186       <g transform="translate(0 374)">
    187         <text class="brand" font-size="8pt" letter-spacing="2px" text-anchor="middle" transform="translate(75.0 0)">BOGAUDIO</text>
    188         <rect class="background-fill" width="3" height="3" transform="translate(59.5 -5)"/>
    189       </g>
    190     
    191 
    192   <g transform="translate(0 25)">
    193     
    194     
    195     
    196     <g transform="translate(5.5 18)"><svg id="A_LIGHT">
    197       <rect width="6.4" height="6.4" fill="#0f0"/>
    198     </svg></g>
    199     <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">A</text>
    200 
    201     <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text>
    202     <g transform="translate(13 3.5)"><svg id="A_LEVEL_PARAM">
    203       <g transform="translate(22.5 22.5)">
    204         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    205         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    206         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    207       </g>
    208     </svg></g>
    209     <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/>
    210 
    211     <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
    212     <g transform="translate(59 3.5)"><svg id="A_FREQUENCY_PARAM">
    213       <g transform="translate(22.5 22.5)">
    214         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    215         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    216         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    217       </g>
    218     </svg></g>
    219     <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/>
    220 
    221     <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text>
    222     <g transform="translate(122 4)"><svg id="A_BANDWIDTH_PARAM">
    223       <g transform="translate(8 8)">
    224         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    225         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    226         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    227       </g>
    228     </svg></g>
    229     <g transform="translate(110 -8)">
    230       <g transform="translate(20 20)">
    231       <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/>
    232       <path class="0.0" 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(0)"/>
    233       <path class="0.0" 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)"/>
    234       <path class="0.0" 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(0)"/>
    235       <path class="0.0" 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)"/>
    236       <polyline points="-3,0 3,0" stroke-width="1" fill="none"/>
    237       <polyline points="0,-3 0,3" stroke-width="1" fill="none"/>
    238     </g>
    239     </g>
    240 
    241     <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text>
    242     <g transform="translate(122 42)"><svg id="A_CV_PARAM">
    243       <g transform="translate(8 8)">
    244         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    245         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    246         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    247       </g>
    248     </svg></g>
    249     <g transform="translate(110 30)">
    250       <g transform="translate(20 20)">
    251         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    252         <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)"/>
    253         <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)"/>
    254         <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)"/>
    255         <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)"/>
    256       </g>
    257     </g>
    258 
    259     <g transform="translate(118 26.5)">
    260       <text font-size="6pt" letter-spacing="1px" transform="translate(0 6.1)">LP</text>
    261       <g transform="translate(13.5 -1)"><svg id="A_MODE_PARAM">
    262       <g transform="translate(4.5 4.5)">
    263         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    264       </g>
    265     </svg></g>
    266     </g>
    267   </g>
    268 
    269   <g transform="translate(0 93)">
    270     
    271     
    272     
    273     <g transform="translate(5.5 18)"><svg id="B_LIGHT">
    274       <rect width="6.4" height="6.4" fill="#0f0"/>
    275     </svg></g>
    276     <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">B</text>
    277 
    278     <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text>
    279     <g transform="translate(13 3.5)"><svg id="B_LEVEL_PARAM">
    280       <g transform="translate(22.5 22.5)">
    281         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    282         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    283         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    284       </g>
    285     </svg></g>
    286     <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/>
    287 
    288     <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
    289     <g transform="translate(59 3.5)"><svg id="B_FREQUENCY_PARAM">
    290       <g transform="translate(22.5 22.5)">
    291         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    292         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    293         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    294       </g>
    295     </svg></g>
    296     <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/>
    297 
    298     <text font-size="6pt" letter-spacing="2px" transform="translate(113 22) rotate(270)">BW</text>
    299     <g transform="translate(122 7)"><svg id="B_BANDWIDTH_PARAM">
    300       <g transform="translate(8 8)">
    301         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    302         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    303         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    304       </g>
    305     </svg></g>
    306     <g transform="translate(110 -5)">
    307       <g transform="translate(20 20)">
    308       <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/>
    309       <path class="0.0" 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(0)"/>
    310       <path class="0.0" 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)"/>
    311       <path class="0.0" 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(0)"/>
    312       <path class="0.0" 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)"/>
    313       <polyline points="-3,0 3,0" stroke-width="1" fill="none"/>
    314       <polyline points="0,-3 0,3" stroke-width="1" fill="none"/>
    315     </g>
    316     </g>
    317 
    318     <text font-size="6pt" letter-spacing="2px" transform="translate(113 56.5) rotate(270)">FCV</text>
    319     <g transform="translate(122 40)"><svg id="B_CV_PARAM">
    320       <g transform="translate(8 8)">
    321         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    322         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    323         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    324       </g>
    325     </svg></g>
    326     <g transform="translate(110 28)">
    327       <g transform="translate(20 20)">
    328         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    329         <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)"/>
    330         <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)"/>
    331         <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)"/>
    332         <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)"/>
    333       </g>
    334     </g>
    335   </g>
    336 
    337   <g transform="translate(0 159)">
    338     
    339     
    340     
    341     <g transform="translate(5.5 18)"><svg id="C_LIGHT">
    342       <rect width="6.4" height="6.4" fill="#0f0"/>
    343     </svg></g>
    344     <text font-size="6pt" letter-spacing="2px" transform="translate(11.5 33) rotate(270)">C</text>
    345 
    346     <text font-size="6pt" letter-spacing="2px" transform="translate(20 58)">LEVEL</text>
    347     <g transform="translate(13 3.5)"><svg id="C_LEVEL_PARAM">
    348       <g transform="translate(22.5 22.5)">
    349         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    350         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    351         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    352       </g>
    353     </svg></g>
    354     <use xlink:href="#dial-level-peq" transform="translate(13 3.5)" href="#dial-level-peq"/>
    355 
    356     <text font-size="6pt" letter-spacing="2px" transform="translate(69 58)">FREQ</text>
    357     <g transform="translate(59 3.5)"><svg id="C_FREQUENCY_PARAM">
    358       <g transform="translate(22.5 22.5)">
    359         <polyline points="-5,0 5,0" stroke-width="1" stroke="#00f"/>
    360         <polyline points="0,-5 0,5" stroke-width="1" stroke="#00f"/>
    361         <circle cx="0" cy="0" r="14" stroke-width="1" stroke="#00f" fill="none"/>
    362       </g>
    363     </svg></g>
    364     <use xlink:href="#dial-frequency-peq" transform="translate(56 3.5)" href="#dial-frequency-peq"/>
    365 
    366     <text font-size="6pt" letter-spacing="2px" transform="translate(113 19) rotate(270)">BW</text>
    367     <g transform="translate(122 4)"><svg id="C_BANDWIDTH_PARAM">
    368       <g transform="translate(8 8)">
    369         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    370         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    371         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    372       </g>
    373     </svg></g>
    374     <g transform="translate(110 -8)">
    375       <g transform="translate(20 20)">
    376       <polyline points="0,0 4.166666666666667,0" stroke-width="1" transform="rotate(-240) translate(10.0 0)"/>
    377       <path class="0.0" 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(0)"/>
    378       <path class="0.0" 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)"/>
    379       <path class="0.0" 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(0)"/>
    380       <path class="0.0" 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)"/>
    381       <polyline points="-3,0 3,0" stroke-width="1" fill="none"/>
    382       <polyline points="0,-3 0,3" stroke-width="1" fill="none"/>
    383     </g>
    384     </g>
    385 
    386     <text font-size="6pt" letter-spacing="2px" transform="translate(113 58.5) rotate(270)">FCV</text>
    387     <g transform="translate(122 42)"><svg id="C_CV_PARAM">
    388       <g transform="translate(8 8)">
    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 r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    392       </g>
    393     </svg></g>
    394     <g transform="translate(110 30)">
    395       <g transform="translate(20 20)">
    396         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    397         <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)"/>
    398         <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)"/>
    399         <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)"/>
    400         <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)"/>
    401       </g>
    402     </g>
    403 
    404     <g transform="translate(118 26.5)">
    405       <text font-size="6pt" letter-spacing="1px" transform="translate(-0.5 6.1)">HP</text>
    406       <g transform="translate(13.5 -1)"><svg id="C_MODE_PARAM">
    407       <g transform="translate(4.5 4.5)">
    408         <circle r="4" stroke-width="1" stroke="#00f" fill="#f00"/>
    409       </g>
    410     </svg></g>
    411     </g>
    412   </g>
    413 
    414   <g class="io-group" transform="translate(0 226)">
    415     <rect class="input-background" width="130" height="134" rx="5" transform="translate(10 0)"/>
    416     <rect class="output-background" width="32.5" height="46" rx="5" transform="translate(107.5 88)"/>
    417     <rect class="output-background-filler" width="32.5" height="8" transform="translate(107.5 88)"/>
    418     <rect class="output-background-filler" width="8" height="46" transform="translate(107.5 88)"/>
    419 
    420     <g transform="translate(12 0)">
    421       <g transform="translate(3 5)"><svg id="A_LEVEL_INPUT">
    422       <g transform="translate(12 12)">
    423         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    424         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    425       </g>
    426     </svg></g>
    427       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-LVL</text>
    428     </g>
    429     <g transform="translate(44 0)">
    430       <g transform="translate(3 5)"><svg id="B_LEVEL_INPUT">
    431       <g transform="translate(12 12)">
    432         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    433         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    434       </g>
    435     </svg></g>
    436       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-LVL</text>
    437     </g>
    438     <g transform="translate(76 0)">
    439       <g transform="translate(3 5)"><svg id="C_LEVEL_INPUT">
    440       <g transform="translate(12 12)">
    441         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    442         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    443       </g>
    444     </svg></g>
    445       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(2 40)">C-LVL</text>
    446     </g>
    447     <g transform="translate(108 0)">
    448       <g transform="translate(3 5)"><svg id="ALL_CV_INPUT">
    449       <g transform="translate(12 12)">
    450         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    451         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    452       </g>
    453     </svg></g>
    454       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(6 40)">FCV</text>
    455     </g>
    456 
    457     <g transform="translate(12 44)">
    458       <g transform="translate(3 5)"><svg id="A_FREQUENCY_INPUT">
    459       <g transform="translate(12 12)">
    460         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    461         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    462       </g>
    463     </svg></g>
    464       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">A-FCV</text>
    465     </g>
    466     <g transform="translate(44 44)">
    467       <g transform="translate(3 5)"><svg id="B_FREQUENCY_INPUT">
    468       <g transform="translate(12 12)">
    469         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    470         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    471       </g>
    472     </svg></g>
    473       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">B-FCV</text>
    474     </g>
    475     <g transform="translate(76 44)">
    476       <g transform="translate(3 5)"><svg id="C_FREQUENCY_INPUT">
    477       <g transform="translate(12 12)">
    478         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    479         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    480       </g>
    481     </svg></g>
    482       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(1 40)">C-FCV</text>
    483     </g>
    484     <g transform="translate(108 44)">
    485       <g transform="translate(3 5)"><svg id="IN_INPUT">
    486       <g transform="translate(12 12)">
    487         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    488         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    489       </g>
    490     </svg></g>
    491       <text class="input-label" font-size="6pt" letter-spacing="2px" transform="translate(10 40)">IN</text>
    492     </g>
    493 
    494     <g transform="translate(12 88)">
    495       <g transform="translate(3 5)"><svg id="A_BANDWIDTH_INPUT">
    496       <g transform="translate(12 12)">
    497         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    498         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    499       </g>
    500     </svg></g>
    501       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">A-BW</text>
    502     </g>
    503     <g transform="translate(44 88)">
    504       <g transform="translate(3 5)"><svg id="B_BANDWIDTH_INPUT">
    505       <g transform="translate(12 12)">
    506         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    507         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    508       </g>
    509     </svg></g>
    510       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(2 40)">B-BW</text>
    511     </g>
    512     <g transform="translate(76 88)">
    513       <g transform="translate(3 5)"><svg id="C_BANDWIDTH_INPUT">
    514       <g transform="translate(12 12)">
    515         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    516         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    517       </g>
    518     </svg></g>
    519       <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(3 40)">C-BW</text>
    520     </g>
    521     <g transform="translate(108 88)">
    522       <g transform="translate(3 5)"><svg id="OUT_OUTPUT">
    523       <g transform="translate(12 12)">
    524         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    525         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    526       </g>
    527     </svg></g>
    528       <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(5 40)">OUT</text>
    529     </g>
    530   </g>
    531 </svg>