BogaudioModules

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

PolyOff8-dark-pp.svg (28188B)


      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="120.0" height="380.0" viewBox="0 0 120.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   
    139       
    140       <rect class="module-background background-fill" width="120.0" height="380.0"/>
    141     
    142       
    143       <polyline class="module-border-inner" points="1,1 119.0,1 119.0,379.0 1,379.0 1,1" stroke-width="0.5" fill="none"/>
    144       <polyline class="module-border-middle" points="0.5,0.5 119.5,0.5 119.5,379.5 0.5,379.5 0.5,0.5" stroke-width="0.8" fill="none"/>
    145       <polyline class="module-border-outer" points="0,0 120.0,0 120.0,380.0 0,380.0 0,0" stroke-width="1" fill="none"/>
    146     
    147       <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(110.0 19)">POLYOFF8</text>
    148       <g transform="translate(5.5 374)">
    149         <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
    150         <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
    151       </g>
    152     
    153 
    154   
    155   
    156   
    157   
    158   
    159   
    160   
    161 
    162   <g class="io-group" transform="translate(5.5 24)">
    163     <rect class="input-background" width="34" height="289" rx="5" transform="translate(0 0)"/>
    164     <g transform="translate(5 5)"><svg id="CV1_INPUT">
    165       <g transform="translate(12 12)">
    166         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    167         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    168       </g>
    169     </svg></g>
    170     <g transform="translate(5 40)"><svg id="CV2_INPUT">
    171       <g transform="translate(12 12)">
    172         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    173         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    174       </g>
    175     </svg></g>
    176     <g transform="translate(5 75)"><svg id="CV3_INPUT">
    177       <g transform="translate(12 12)">
    178         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    179         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    180       </g>
    181     </svg></g>
    182     <g transform="translate(5 110)"><svg id="CV4_INPUT">
    183       <g transform="translate(12 12)">
    184         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    185         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    186       </g>
    187     </svg></g>
    188     <g transform="translate(5 145)"><svg id="CV5_INPUT">
    189       <g transform="translate(12 12)">
    190         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    191         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    192       </g>
    193     </svg></g>
    194     <g transform="translate(5 180)"><svg id="CV6_INPUT">
    195       <g transform="translate(12 12)">
    196         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    197         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    198       </g>
    199     </svg></g>
    200     <g transform="translate(5 215)"><svg id="CV7_INPUT">
    201       <g transform="translate(12 12)">
    202         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    203         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    204       </g>
    205     </svg></g>
    206     <g transform="translate(5 250)"><svg id="CV8_INPUT">
    207       <g transform="translate(12 12)">
    208         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    209         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    210       </g>
    211     </svg></g>
    212     <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text>
    213   </g>
    214 
    215   <g transform="translate(0 33)">
    216     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">1</text>
    217     <g transform="translate(46.8 10)"><svg id="CHANNEL1_LIGHT">
    218       <rect width="3.2" height="3.2" fill="#0f0"/>
    219     </svg></g>
    220     <g transform="translate(62.5 0)"><svg id="OFFSET1_PARAM">
    221       <g transform="translate(8 8)">
    222         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    223         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    224         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    225       </g>
    226     </svg></g>
    227     <g transform="translate(50.5 -12)">
    228       <g transform="translate(20 20)">
    229         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    230         <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)"/>
    231         <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)"/>
    232         <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)"/>
    233         <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)"/>
    234       </g>
    235     </g>
    236     <g transform="translate(93.5 0)"><svg id="SCALE1_PARAM">
    237       <g transform="translate(8 8)">
    238         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    239         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    240         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    241       </g>
    242     </svg></g>
    243     <g transform="translate(81.5 -12)">
    244       <g transform="translate(20 20)">
    245         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    246         <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(0)"/>
    247         <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)"/>
    248         <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(0)"/>
    249         <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)"/>
    250       </g>
    251     </g>
    252     
    253   </g>
    254 
    255   <g transform="translate(0 68)">
    256     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text>
    257     <g transform="translate(46.8 10)"><svg id="CHANNEL2_LIGHT">
    258       <rect width="3.2" height="3.2" fill="#0f0"/>
    259     </svg></g>
    260     <g transform="translate(62.5 0)"><svg id="OFFSET2_PARAM">
    261       <g transform="translate(8 8)">
    262         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    263         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    264         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    265       </g>
    266     </svg></g>
    267     <g transform="translate(50.5 -12)">
    268       <g transform="translate(20 20)">
    269         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    270         <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)"/>
    271         <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)"/>
    272         <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)"/>
    273         <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)"/>
    274       </g>
    275     </g>
    276     <g transform="translate(93.5 0)"><svg id="SCALE2_PARAM">
    277       <g transform="translate(8 8)">
    278         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    279         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    280         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    281       </g>
    282     </svg></g>
    283     <g transform="translate(81.5 -12)">
    284       <g transform="translate(20 20)">
    285         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    286         <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(0)"/>
    287         <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)"/>
    288         <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(0)"/>
    289         <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)"/>
    290       </g>
    291     </g>
    292     
    293   </g>
    294 
    295   <g transform="translate(0 103)">
    296     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text>
    297     <g transform="translate(46.8 10)"><svg id="CHANNEL3_LIGHT">
    298       <rect width="3.2" height="3.2" fill="#0f0"/>
    299     </svg></g>
    300     <g transform="translate(62.5 0)"><svg id="OFFSET3_PARAM">
    301       <g transform="translate(8 8)">
    302         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    303         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    304         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    305       </g>
    306     </svg></g>
    307     <g transform="translate(50.5 -12)">
    308       <g transform="translate(20 20)">
    309         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    310         <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)"/>
    311         <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)"/>
    312         <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)"/>
    313         <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)"/>
    314       </g>
    315     </g>
    316     <g transform="translate(93.5 0)"><svg id="SCALE3_PARAM">
    317       <g transform="translate(8 8)">
    318         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    319         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    320         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    321       </g>
    322     </svg></g>
    323     <g transform="translate(81.5 -12)">
    324       <g transform="translate(20 20)">
    325         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    326         <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(0)"/>
    327         <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)"/>
    328         <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(0)"/>
    329         <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)"/>
    330       </g>
    331     </g>
    332     
    333   </g>
    334 
    335   <g transform="translate(0 138)">
    336     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text>
    337     <g transform="translate(46.8 10)"><svg id="CHANNEL4_LIGHT">
    338       <rect width="3.2" height="3.2" fill="#0f0"/>
    339     </svg></g>
    340     <g transform="translate(62.5 0)"><svg id="OFFSET4_PARAM">
    341       <g transform="translate(8 8)">
    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 r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    345       </g>
    346     </svg></g>
    347     <g transform="translate(50.5 -12)">
    348       <g transform="translate(20 20)">
    349         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    350         <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)"/>
    351         <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)"/>
    352         <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)"/>
    353         <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)"/>
    354       </g>
    355     </g>
    356     <g transform="translate(93.5 0)"><svg id="SCALE4_PARAM">
    357       <g transform="translate(8 8)">
    358         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    359         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    360         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    361       </g>
    362     </svg></g>
    363     <g transform="translate(81.5 -12)">
    364       <g transform="translate(20 20)">
    365         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    366         <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(0)"/>
    367         <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)"/>
    368         <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(0)"/>
    369         <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)"/>
    370       </g>
    371     </g>
    372     
    373   </g>
    374 
    375   <g transform="translate(0 173)">
    376     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text>
    377     <g transform="translate(46.8 10)"><svg id="CHANNEL5_LIGHT">
    378       <rect width="3.2" height="3.2" fill="#0f0"/>
    379     </svg></g>
    380     <g transform="translate(62.5 0)"><svg id="OFFSET5_PARAM">
    381       <g transform="translate(8 8)">
    382         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    383         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    384         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    385       </g>
    386     </svg></g>
    387     <g transform="translate(50.5 -12)">
    388       <g transform="translate(20 20)">
    389         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    390         <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)"/>
    391         <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)"/>
    392         <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)"/>
    393         <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)"/>
    394       </g>
    395     </g>
    396     <g transform="translate(93.5 0)"><svg id="SCALE5_PARAM">
    397       <g transform="translate(8 8)">
    398         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    399         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    400         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    401       </g>
    402     </svg></g>
    403     <g transform="translate(81.5 -12)">
    404       <g transform="translate(20 20)">
    405         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    406         <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(0)"/>
    407         <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)"/>
    408         <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(0)"/>
    409         <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)"/>
    410       </g>
    411     </g>
    412     
    413   </g>
    414 
    415   <g transform="translate(0 208)">
    416     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text>
    417     <g transform="translate(46.8 10)"><svg id="CHANNEL6_LIGHT">
    418       <rect width="3.2" height="3.2" fill="#0f0"/>
    419     </svg></g>
    420     <g transform="translate(62.5 0)"><svg id="OFFSET6_PARAM">
    421       <g transform="translate(8 8)">
    422         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    423         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    424         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    425       </g>
    426     </svg></g>
    427     <g transform="translate(50.5 -12)">
    428       <g transform="translate(20 20)">
    429         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    430         <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)"/>
    431         <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)"/>
    432         <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)"/>
    433         <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)"/>
    434       </g>
    435     </g>
    436     <g transform="translate(93.5 0)"><svg id="SCALE6_PARAM">
    437       <g transform="translate(8 8)">
    438         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    439         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    440         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    441       </g>
    442     </svg></g>
    443     <g transform="translate(81.5 -12)">
    444       <g transform="translate(20 20)">
    445         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    446         <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(0)"/>
    447         <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)"/>
    448         <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(0)"/>
    449         <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)"/>
    450       </g>
    451     </g>
    452     
    453   </g>
    454 
    455   <g transform="translate(0 243)">
    456     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text>
    457     <g transform="translate(46.8 10)"><svg id="CHANNEL7_LIGHT">
    458       <rect width="3.2" height="3.2" fill="#0f0"/>
    459     </svg></g>
    460     <g transform="translate(62.5 0)"><svg id="OFFSET7_PARAM">
    461       <g transform="translate(8 8)">
    462         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    463         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    464         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    465       </g>
    466     </svg></g>
    467     <g transform="translate(50.5 -12)">
    468       <g transform="translate(20 20)">
    469         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    470         <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)"/>
    471         <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)"/>
    472         <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)"/>
    473         <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)"/>
    474       </g>
    475     </g>
    476     <g transform="translate(93.5 0)"><svg id="SCALE7_PARAM">
    477       <g transform="translate(8 8)">
    478         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    479         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    480         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    481       </g>
    482     </svg></g>
    483     <g transform="translate(81.5 -12)">
    484       <g transform="translate(20 20)">
    485         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    486         <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(0)"/>
    487         <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)"/>
    488         <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(0)"/>
    489         <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)"/>
    490       </g>
    491     </g>
    492     
    493   </g>
    494 
    495   <g transform="translate(0 278)">
    496     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text>
    497     <g transform="translate(46.8 10)"><svg id="CHANNEL8_LIGHT">
    498       <rect width="3.2" height="3.2" fill="#0f0"/>
    499     </svg></g>
    500     <g transform="translate(62.5 0)"><svg id="OFFSET8_PARAM">
    501       <g transform="translate(8 8)">
    502         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    503         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    504         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    505       </g>
    506     </svg></g>
    507     <g transform="translate(50.5 -12)">
    508       <g transform="translate(20 20)">
    509         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    510         <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)"/>
    511         <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)"/>
    512         <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)"/>
    513         <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)"/>
    514       </g>
    515     </g>
    516     <g transform="translate(93.5 0)"><svg id="SCALE8_PARAM">
    517       <g transform="translate(8 8)">
    518         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    519         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    520         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    521       </g>
    522     </svg></g>
    523     <g transform="translate(81.5 -12)">
    524       <g transform="translate(20 20)">
    525         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    526         <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(0)"/>
    527         <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)"/>
    528         <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(0)"/>
    529         <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)"/>
    530       </g>
    531     </g>
    532     
    533   </g>
    534 
    535   <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text>
    536   <text font-size="6pt" letter-spacing="0.3px" transform="translate(88.5 308)">SCALE</text>
    537 
    538   <g transform="translate(11 320)">
    539     <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text>
    540     <g transform="translate(12 12)"><svg id="CHANNELS_PARAM">
    541       <g transform="translate(8 8)">
    542         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    543         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    544         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    545       </g>
    546     </svg></g>
    547     <g transform="translate(0 0)">
    548       <g transform="translate(20 20)">
    549         <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text>
    550         <text font-size="5pt" transform="rotate(-197.1) translate(14 0) rotate(197.1) translate(-2 2)">2</text>
    551         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-154.3) translate(10 0)"/>
    552         <text font-size="5pt" transform="rotate(-111.4) translate(14 0) rotate(111.4) translate(-2 2)">4</text>
    553         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-68.6) translate(10 0)"/>
    554         <text font-size="5pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text>
    555         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(17.1) translate(10 0)"/>
    556         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">8</text>
    557       </g>
    558     </g>
    559   </g>
    560 
    561   <g class="io-group" transform="translate(52 318)">
    562     <rect class="input-background" width="60" height="40" rx="5"/>
    563     <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/>
    564     <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/>
    565     <g transform="translate(3.5 4)"><svg id="IN_INPUT">
    566       <g transform="translate(12 12)">
    567         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    568         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    569       </g>
    570     </svg></g>
    571     <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text>
    572     <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT">
    573       <g transform="translate(12 12)">
    574         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    575         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    576       </g>
    577     </svg></g>
    578     <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text>
    579   </g>
    580 </svg>