BogaudioModules

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

PolyOff8-pp.svg (27323B)


      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 </style>
     73 
     74   
     75       
     76       <rect class="module-background background-fill" width="120.0" height="380.0"/>
     77     
     78       
     79       <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"/>
     80       <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"/>
     81       <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"/>
     82     
     83       <text class="title" font-size="9pt" letter-spacing="3px" text-anchor="end" transform="translate(110.0 19)">POLYOFF8</text>
     84       <g transform="translate(5.5 374)">
     85         <text class="brand" font-size="6.5pt" letter-spacing="2px">BOGAUDIO</text>
     86         <rect class="background-fill" width="1.5" height="2" fill="#ddd" transform="translate(21 -4)"/>
     87       </g>
     88     
     89 
     90   
     91   
     92   
     93   
     94   
     95   
     96   
     97 
     98   <g class="io-group" transform="translate(5.5 24)">
     99     <rect class="input-background" width="34" height="289" rx="5" transform="translate(0 0)"/>
    100     <g transform="translate(5 5)"><svg id="CV1_INPUT">
    101       <g transform="translate(12 12)">
    102         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    103         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    104       </g>
    105     </svg></g>
    106     <g transform="translate(5 40)"><svg id="CV2_INPUT">
    107       <g transform="translate(12 12)">
    108         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    109         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    110       </g>
    111     </svg></g>
    112     <g transform="translate(5 75)"><svg id="CV3_INPUT">
    113       <g transform="translate(12 12)">
    114         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    115         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    116       </g>
    117     </svg></g>
    118     <g transform="translate(5 110)"><svg id="CV4_INPUT">
    119       <g transform="translate(12 12)">
    120         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    121         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    122       </g>
    123     </svg></g>
    124     <g transform="translate(5 145)"><svg id="CV5_INPUT">
    125       <g transform="translate(12 12)">
    126         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    127         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    128       </g>
    129     </svg></g>
    130     <g transform="translate(5 180)"><svg id="CV6_INPUT">
    131       <g transform="translate(12 12)">
    132         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    133         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    134       </g>
    135     </svg></g>
    136     <g transform="translate(5 215)"><svg id="CV7_INPUT">
    137       <g transform="translate(12 12)">
    138         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    139         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    140       </g>
    141     </svg></g>
    142     <g transform="translate(5 250)"><svg id="CV8_INPUT">
    143       <g transform="translate(12 12)">
    144         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    145         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    146       </g>
    147     </svg></g>
    148     <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(4 284)">IN/CV</text>
    149   </g>
    150 
    151   <g transform="translate(0 33)">
    152     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">1</text>
    153     <g transform="translate(46.8 10)"><svg id="CHANNEL1_LIGHT">
    154       <rect width="3.2" height="3.2" fill="#0f0"/>
    155     </svg></g>
    156     <g transform="translate(62.5 0)"><svg id="OFFSET1_PARAM">
    157       <g transform="translate(8 8)">
    158         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    159         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    160         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    161       </g>
    162     </svg></g>
    163     <g transform="translate(50.5 -12)">
    164       <g transform="translate(20 20)">
    165         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    166         <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="#333" fill="none" transform="rotate(20)"/>
    167         <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="#333" fill="none" transform="rotate(43)"/>
    168         <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="#333" fill="none" transform="rotate(-20)"/>
    169         <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="#333" fill="none" transform="rotate(-43)"/>
    170       </g>
    171     </g>
    172     <g transform="translate(93.5 0)"><svg id="SCALE1_PARAM">
    173       <g transform="translate(8 8)">
    174         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    175         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    176         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    177       </g>
    178     </svg></g>
    179     <g transform="translate(81.5 -12)">
    180       <g transform="translate(20 20)">
    181         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    182         <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="#333" fill="none" transform="rotate(0)"/>
    183         <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="#333" fill="none" transform="rotate(43)"/>
    184         <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="#333" fill="none" transform="rotate(0)"/>
    185         <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="#333" fill="none" transform="rotate(-43)"/>
    186       </g>
    187     </g>
    188     
    189   </g>
    190 
    191   <g transform="translate(0 68)">
    192     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">2</text>
    193     <g transform="translate(46.8 10)"><svg id="CHANNEL2_LIGHT">
    194       <rect width="3.2" height="3.2" fill="#0f0"/>
    195     </svg></g>
    196     <g transform="translate(62.5 0)"><svg id="OFFSET2_PARAM">
    197       <g transform="translate(8 8)">
    198         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    199         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    200         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    201       </g>
    202     </svg></g>
    203     <g transform="translate(50.5 -12)">
    204       <g transform="translate(20 20)">
    205         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) translate(10 0)"/>
    206         <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="#333" fill="none" transform="rotate(20)"/>
    207         <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="#333" fill="none" transform="rotate(43)"/>
    208         <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="#333" fill="none" transform="rotate(-20)"/>
    209         <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="#333" fill="none" transform="rotate(-43)"/>
    210       </g>
    211     </g>
    212     <g transform="translate(93.5 0)"><svg id="SCALE2_PARAM">
    213       <g transform="translate(8 8)">
    214         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    215         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    216         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    217       </g>
    218     </svg></g>
    219     <g transform="translate(81.5 -12)">
    220       <g transform="translate(20 20)">
    221         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    222         <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="#333" fill="none" transform="rotate(0)"/>
    223         <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="#333" fill="none" transform="rotate(43)"/>
    224         <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="#333" fill="none" transform="rotate(0)"/>
    225         <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="#333" fill="none" transform="rotate(-43)"/>
    226       </g>
    227     </g>
    228     
    229   </g>
    230 
    231   <g transform="translate(0 103)">
    232     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">3</text>
    233     <g transform="translate(46.8 10)"><svg id="CHANNEL3_LIGHT">
    234       <rect width="3.2" height="3.2" fill="#0f0"/>
    235     </svg></g>
    236     <g transform="translate(62.5 0)"><svg id="OFFSET3_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(50.5 -12)">
    244       <g transform="translate(20 20)">
    245         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) 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="#333" fill="none" transform="rotate(20)"/>
    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="#333" 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="#333" fill="none" transform="rotate(-20)"/>
    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="#333" fill="none" transform="rotate(-43)"/>
    250       </g>
    251     </g>
    252     <g transform="translate(93.5 0)"><svg id="SCALE3_PARAM">
    253       <g transform="translate(8 8)">
    254         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    255         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    256         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    257       </g>
    258     </svg></g>
    259     <g transform="translate(81.5 -12)">
    260       <g transform="translate(20 20)">
    261         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    262         <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="#333" fill="none" transform="rotate(0)"/>
    263         <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="#333" fill="none" transform="rotate(43)"/>
    264         <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="#333" fill="none" transform="rotate(0)"/>
    265         <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="#333" fill="none" transform="rotate(-43)"/>
    266       </g>
    267     </g>
    268     
    269   </g>
    270 
    271   <g transform="translate(0 138)">
    272     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">4</text>
    273     <g transform="translate(46.8 10)"><svg id="CHANNEL4_LIGHT">
    274       <rect width="3.2" height="3.2" fill="#0f0"/>
    275     </svg></g>
    276     <g transform="translate(62.5 0)"><svg id="OFFSET4_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(50.5 -12)">
    284       <g transform="translate(20 20)">
    285         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) 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="#333" fill="none" transform="rotate(20)"/>
    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="#333" 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="#333" fill="none" transform="rotate(-20)"/>
    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="#333" fill="none" transform="rotate(-43)"/>
    290       </g>
    291     </g>
    292     <g transform="translate(93.5 0)"><svg id="SCALE4_PARAM">
    293       <g transform="translate(8 8)">
    294         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    295         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    296         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    297       </g>
    298     </svg></g>
    299     <g transform="translate(81.5 -12)">
    300       <g transform="translate(20 20)">
    301         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    302         <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="#333" fill="none" transform="rotate(0)"/>
    303         <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="#333" fill="none" transform="rotate(43)"/>
    304         <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="#333" fill="none" transform="rotate(0)"/>
    305         <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="#333" fill="none" transform="rotate(-43)"/>
    306       </g>
    307     </g>
    308     
    309   </g>
    310 
    311   <g transform="translate(0 173)">
    312     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">5</text>
    313     <g transform="translate(46.8 10)"><svg id="CHANNEL5_LIGHT">
    314       <rect width="3.2" height="3.2" fill="#0f0"/>
    315     </svg></g>
    316     <g transform="translate(62.5 0)"><svg id="OFFSET5_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(50.5 -12)">
    324       <g transform="translate(20 20)">
    325         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) 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="#333" fill="none" transform="rotate(20)"/>
    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="#333" 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="#333" fill="none" transform="rotate(-20)"/>
    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="#333" fill="none" transform="rotate(-43)"/>
    330       </g>
    331     </g>
    332     <g transform="translate(93.5 0)"><svg id="SCALE5_PARAM">
    333       <g transform="translate(8 8)">
    334         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    335         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    336         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    337       </g>
    338     </svg></g>
    339     <g transform="translate(81.5 -12)">
    340       <g transform="translate(20 20)">
    341         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    342         <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="#333" fill="none" transform="rotate(0)"/>
    343         <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="#333" fill="none" transform="rotate(43)"/>
    344         <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="#333" fill="none" transform="rotate(0)"/>
    345         <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="#333" fill="none" transform="rotate(-43)"/>
    346       </g>
    347     </g>
    348     
    349   </g>
    350 
    351   <g transform="translate(0 208)">
    352     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">6</text>
    353     <g transform="translate(46.8 10)"><svg id="CHANNEL6_LIGHT">
    354       <rect width="3.2" height="3.2" fill="#0f0"/>
    355     </svg></g>
    356     <g transform="translate(62.5 0)"><svg id="OFFSET6_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(50.5 -12)">
    364       <g transform="translate(20 20)">
    365         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) 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="#333" fill="none" transform="rotate(20)"/>
    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="#333" 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="#333" fill="none" transform="rotate(-20)"/>
    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="#333" fill="none" transform="rotate(-43)"/>
    370       </g>
    371     </g>
    372     <g transform="translate(93.5 0)"><svg id="SCALE6_PARAM">
    373       <g transform="translate(8 8)">
    374         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    375         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    376         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    377       </g>
    378     </svg></g>
    379     <g transform="translate(81.5 -12)">
    380       <g transform="translate(20 20)">
    381         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    382         <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="#333" fill="none" transform="rotate(0)"/>
    383         <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="#333" fill="none" transform="rotate(43)"/>
    384         <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="#333" fill="none" transform="rotate(0)"/>
    385         <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="#333" fill="none" transform="rotate(-43)"/>
    386       </g>
    387     </g>
    388     
    389   </g>
    390 
    391   <g transform="translate(0 243)">
    392     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">7</text>
    393     <g transform="translate(46.8 10)"><svg id="CHANNEL7_LIGHT">
    394       <rect width="3.2" height="3.2" fill="#0f0"/>
    395     </svg></g>
    396     <g transform="translate(62.5 0)"><svg id="OFFSET7_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(50.5 -12)">
    404       <g transform="translate(20 20)">
    405         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) 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="#333" fill="none" transform="rotate(20)"/>
    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="#333" 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="#333" fill="none" transform="rotate(-20)"/>
    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="#333" fill="none" transform="rotate(-43)"/>
    410       </g>
    411     </g>
    412     <g transform="translate(93.5 0)"><svg id="SCALE7_PARAM">
    413       <g transform="translate(8 8)">
    414         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    415         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    416         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    417       </g>
    418     </svg></g>
    419     <g transform="translate(81.5 -12)">
    420       <g transform="translate(20 20)">
    421         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    422         <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="#333" fill="none" transform="rotate(0)"/>
    423         <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="#333" fill="none" transform="rotate(43)"/>
    424         <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="#333" fill="none" transform="rotate(0)"/>
    425         <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="#333" fill="none" transform="rotate(-43)"/>
    426       </g>
    427     </g>
    428     
    429   </g>
    430 
    431   <g transform="translate(0 278)">
    432     <text font-size="5pt" letter-spacing="1px" transform="translate(46.5 8)">8</text>
    433     <g transform="translate(46.8 10)"><svg id="CHANNEL8_LIGHT">
    434       <rect width="3.2" height="3.2" fill="#0f0"/>
    435     </svg></g>
    436     <g transform="translate(62.5 0)"><svg id="OFFSET8_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(50.5 -12)">
    444       <g transform="translate(20 20)">
    445         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-90) 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="#333" fill="none" transform="rotate(20)"/>
    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="#333" 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="#333" fill="none" transform="rotate(-20)"/>
    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="#333" fill="none" transform="rotate(-43)"/>
    450       </g>
    451     </g>
    452     <g transform="translate(93.5 0)"><svg id="SCALE8_PARAM">
    453       <g transform="translate(8 8)">
    454         <polyline points="-3,0 3,0" stroke-width="1" stroke="#00f"/>
    455         <polyline points="0,-3 0,3" stroke-width="1" stroke="#00f"/>
    456         <circle r="7.5" stroke-width="1" stroke="#00f" fill="none"/>
    457       </g>
    458     </svg></g>
    459     <g transform="translate(81.5 -12)">
    460       <g transform="translate(20 20)">
    461         <polyline points="0,0 4,0" stroke-width="1" transform="rotate(-240) translate(10 0)"/>
    462         <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="#333" fill="none" transform="rotate(0)"/>
    463         <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="#333" fill="none" transform="rotate(43)"/>
    464         <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="#333" fill="none" transform="rotate(0)"/>
    465         <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="#333" fill="none" transform="rotate(-43)"/>
    466       </g>
    467     </g>
    468     
    469   </g>
    470 
    471   <text font-size="6pt" letter-spacing="0.3px" transform="translate(55 308)">OFFSET</text>
    472   <text font-size="6pt" letter-spacing="0.3px" transform="translate(88.5 308)">SCALE</text>
    473 
    474   <g transform="translate(11 320)">
    475     <text font-size="6pt" letter-spacing="1.5px" transform="translate(0 39) rotate(-90) translate(6.5 0)">CHAN</text>
    476     <g transform="translate(12 12)"><svg id="CHANNELS_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(0 0)">
    484       <g transform="translate(20 20)">
    485         <text font-size="5pt" transform="rotate(-240) translate(14 0) rotate(240) translate(-2 2)">1</text>
    486         <text font-size="5pt" transform="rotate(-197.1) translate(14 0) rotate(197.1) translate(-2 2)">2</text>
    487         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-154.3) translate(10 0)"/>
    488         <text font-size="5pt" transform="rotate(-111.4) translate(14 0) rotate(111.4) translate(-2 2)">4</text>
    489         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(-68.6) translate(10 0)"/>
    490         <text font-size="5pt" transform="rotate(-25.7) translate(13 0) rotate(25.7) translate(-2 2)">6</text>
    491         <polyline points="0,0 2.5,0" stroke-width="0.7" transform="rotate(17.1) translate(10 0)"/>
    492         <text font-size="5pt" transform="rotate(60) translate(13 0) rotate(-60) translate(-1.8 3)">8</text>
    493       </g>
    494     </g>
    495   </g>
    496 
    497   <g class="io-group" transform="translate(52 318)">
    498     <rect class="input-background" width="60" height="40" rx="5"/>
    499     <rect class="output-background" width="24" height="40" rx="5" transform="translate(38)"/>
    500     <rect class="output-background-filler" width="20" height="40" transform="translate(31)"/>
    501     <g transform="translate(3.5 4)"><svg id="IN_INPUT">
    502       <g transform="translate(12 12)">
    503         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#0f0" fill="#0f0"/>
    504         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#0f0" fill="none"/>
    505       </g>
    506     </svg></g>
    507     <text class="input-label" font-size="6pt" letter-spacing="1px" transform="translate(11 36)">IN</text>
    508     <g transform="translate(34.5 4)"><svg id="OUT_OUTPUT">
    509       <g transform="translate(12 12)">
    510         <circle cx="0" cy="0" r="5" stroke-width="1" stroke="#f00" fill="#f00"/>
    511         <circle cx="0" cy="0" r="10.5" stroke-width="3" stroke="#f00" fill="none"/>
    512       </g>
    513     </svg></g>
    514     <text class="output-label" font-size="6pt" letter-spacing="2px" transform="translate(36 36)">OUT</text>
    515   </g>
    516 </svg>