@font-face {  font-family: 'Segment14';  src: url('assets/fonts/Segment14.otf');}@font-face {  font-family: 'Suissnord';  src: url('assets/fonts/Suissnord.otf');}@font-face {  font-family: 'CapellaCond';  src: url('assets/fonts/capellacond.ttf');}#main #content .device {  background-color: #444;}#main #content .device h1 {  text-transform: lowercase;  font-family: Suissnord;  font-size: 2.0em;  color: #f1f1f1;  background: transparent;  float: right;  padding: 5px;  margin-left: 0;  margin-right: 0;}#main #content .device h2 {  font-family: CapellaCond;  font-size: 2.2em;  color: #f1f1f1;  background: transparent;  border: 0;  float: right;  padding-top: 8px;}#main #content .device h3 {  color: #efefef;  margin-bottom: 4px;  margin-top: 3px;}#main #content .device div.tabs > ol > li.tab_midi .led {  width: 10px;  height: 10px;  background-color: #555;  display: inline-block;  border-radius: 4px;  margin-left: 4px;  vertical-align: top;}#main #content .device div.tabs > ol > li.tab_midi.busy .led {  background-color: #e00;}#main #content .device #midilog {  height: 800px;  overflow: auto;  margin-right: 50px;}#main #content .device .tabs > ul > li.tab_log > div.actions {  margin-right: 0px;  padding-top: 0;  background-color: transparent;}#main #content .device div.selectPatch {  padding-bottom: 5px;}#main #content .device div.actions {  float: right;  text-align: right;  margin-right: -30px;  width: 40px;}#main #content .device div.actions .button {  margin-top: 10px;  background-color: #fd0;  border-color: #111;  border-width: 2px;}#main #content .device div.actions input.fileOpen {  display: block;  opacity: 0;  filter: alpha(opacity=0);  position: absolute;  top: 0;  left: 0;}#main #content .device .button {  width: 30px;  height: 30px;  overflow: hidden;  position: relative;  display: inline-block;  background-color: #333;  border: 1px solid #222;  border-radius: 3px;  padding: 2px;  cursor: pointer;  vertical-align: middle;  text-align: center;}#main #content .device .button.icon {  width: 22px;  height: 22px;  margin-right: 4px;}#main #content .device select,#main #content .device select option {  background-color: #111111;  font-family: 'Segment14';  color: #00ffcc;}#main #content .device select {  border: 0;  margin-top: 0px;  height: 26px;}#main #content .device .params {  /* clear: both; */}#main #content .device .params div.paramGroup {  float: left;  width: 340px;  margin: 0 10px 10px 0;  padding: 5px;  border: 1px solid #000;  background: #333;  /* nested */}#main #content .device .params div.paramGroup div.paramGroup {  width: 100%;  box-sizing: border-box;  margin: 3px auto;}#main #content .device .params div.paramGroup div.paramGroup .control .label {  width: 120px;}#main #content .device .params div.paramGroup ul.paramGroup {  clear: left;}#main #content .device .params div.paramGroup input[type=range] {  background-color: transparent;  -webkit-appearance: none;  margin: 0;  margin-top: 0px;}#main #content .device .params div.paramGroup input[type=range].active {  outline: none;}#main #content .device .params div.paramGroup input[type=range]::-webkit-slider-runnable-track {  background: #333333;  height: 10px;  box-sizing: border-box;  border: 4px solid #000;  margin-top: 9px;}#main #content .device .params div.paramGroup input[type=range]::-moz-range-track {  background: #333333;  height: 10px;  box-sizing: border-box;  border: 4px solid #000;}#main #content .device .params div.paramGroup input[type=range]:focus::-webkit-slider-runnable-track {  background: #ccc;}#main #content .device .params div.paramGroup input[type=range]:focus::-moz-range-track {  background: #ccc;}#main #content .device .params div.paramGroup input[type=range]::-webkit-slider-thumb {  -webkit-appearance: none;  margin-top: -9px;  background: #ccc;  border: 6px solid #000;  border-top: 5px;  border-bottom: 4px;  width: 2px;  height: 20px;  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;  box-sizing: content-box;}#main #content .device .params div.paramGroup input[type=range]::-moz-range-thumb {  background: #ccc;  border: 6px solid #000;  border-top: 5px;  border-bottom: 4px;  border-radius: 2px;  width: 2px;  height: 20px;  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;  box-sizing: content-box;}#main #content .device .params div.paramGroup input[type=range]:focus::-webkit-slider-thumb {  background: #ccc;}#main #content .device .params div.paramGroup ul {  padding-left: 0;}#main #content .device .params div.paramGroup ul > li {  line-height: 18px;  padding: 1px 0;}#main #content .device .params div.paramGroup ul > li div.control div.label {  display: inline-block;  width: 110px;}#main #content .device .params div.paramGroup ul input[type="range"] {  width: 160px;}#main #content .device .params div.paramGroup.env_1,#main #content .device .params div.paramGroup.lfo_1,#main #content .device .params div.paramGroup.modes {  clear: left;}#main #content .device .params div.paramGroup.osc_1_group,#main #content .device .params div.paramGroup.osc_2_group,#main #content .device .params div.paramGroup.osc_3_group {  border: 0;  padding: 0;  width: auto;}#main #content .device .params div.paramGroup.osc_1_group > h3,#main #content .device .params div.paramGroup.osc_2_group > h3,#main #content .device .params div.paramGroup.osc_3_group > h3 {  display: none;}#main #content .device .params div.paramGroup.osc_1 > h3,#main #content .device .params div.paramGroup.osc_2 > h3,#main #content .device .params div.paramGroup.osc_3 > h3,#main #content .device .params div.paramGroup.lfo_1 > h3,#main #content .device .params div.paramGroup.lfo_2 > h3,#main #content .device .params div.paramGroup.lfo_3 > h3,#main #content .device .params div.paramGroup.dca_1 > h3,#main #content .device .params div.paramGroup.dca_2 > h3,#main #content .device .params div.paramGroup.dca_3 > h3 {  float: left;  width: 100px;}#main #content .device .params div.paramGroup.osc_1 > ul li.waveform,#main #content .device .params div.paramGroup.osc_2 > ul li.waveform,#main #content .device .params div.paramGroup.osc_3 > ul li.waveform,#main #content .device .params div.paramGroup.lfo_1 > ul li.waveform,#main #content .device .params div.paramGroup.lfo_2 > ul li.waveform,#main #content .device .params div.paramGroup.lfo_3 > ul li.waveform,#main #content .device .params div.paramGroup.dca_1 > ul li.waveform,#main #content .device .params div.paramGroup.dca_2 > ul li.waveform,#main #content .device .params div.paramGroup.dca_3 > ul li.waveform,#main #content .device .params div.paramGroup.osc_1 > ul li.enable,#main #content .device .params div.paramGroup.osc_2 > ul li.enable,#main #content .device .params div.paramGroup.osc_3 > ul li.enable,#main #content .device .params div.paramGroup.lfo_1 > ul li.enable,#main #content .device .params div.paramGroup.lfo_2 > ul li.enable,#main #content .device .params div.paramGroup.lfo_3 > ul li.enable,#main #content .device .params div.paramGroup.dca_1 > ul li.enable,#main #content .device .params div.paramGroup.dca_2 > ul li.enable,#main #content .device .params div.paramGroup.dca_3 > ul li.enable {  float: right;}#main #content .device .params div.paramGroup.osc_1 > ul li.waveform .label,#main #content .device .params div.paramGroup.osc_2 > ul li.waveform .label,#main #content .device .params div.paramGroup.osc_3 > ul li.waveform .label,#main #content .device .params div.paramGroup.lfo_1 > ul li.waveform .label,#main #content .device .params div.paramGroup.lfo_2 > ul li.waveform .label,#main #content .device .params div.paramGroup.lfo_3 > ul li.waveform .label,#main #content .device .params div.paramGroup.dca_1 > ul li.waveform .label,#main #content .device .params div.paramGroup.dca_2 > ul li.waveform .label,#main #content .device .params div.paramGroup.dca_3 > ul li.waveform .label,#main #content .device .params div.paramGroup.osc_1 > ul li.enable .label,#main #content .device .params div.paramGroup.osc_2 > ul li.enable .label,#main #content .device .params div.paramGroup.osc_3 > ul li.enable .label,#main #content .device .params div.paramGroup.lfo_1 > ul li.enable .label,#main #content .device .params div.paramGroup.lfo_2 > ul li.enable .label,#main #content .device .params div.paramGroup.lfo_3 > ul li.enable .label,#main #content .device .params div.paramGroup.dca_1 > ul li.enable .label,#main #content .device .params div.paramGroup.dca_2 > ul li.enable .label,#main #content .device .params div.paramGroup.dca_3 > ul li.enable .label {  display: none;}#main #content .device .params div.paramGroup.osc_1 > ul li.octave,#main #content .device .params div.paramGroup.osc_2 > ul li.octave,#main #content .device .params div.paramGroup.osc_3 > ul li.octave,#main #content .device .params div.paramGroup.lfo_1 > ul li.octave,#main #content .device .params div.paramGroup.lfo_2 > ul li.octave,#main #content .device .params div.paramGroup.lfo_3 > ul li.octave,#main #content .device .params div.paramGroup.dca_1 > ul li.octave,#main #content .device .params div.paramGroup.dca_2 > ul li.octave,#main #content .device .params div.paramGroup.dca_3 > ul li.octave,#main #content .device .params div.paramGroup.osc_1 > ul li.frequency,#main #content .device .params div.paramGroup.osc_2 > ul li.frequency,#main #content .device .params div.paramGroup.osc_3 > ul li.frequency,#main #content .device .params div.paramGroup.lfo_1 > ul li.frequency,#main #content .device .params div.paramGroup.lfo_2 > ul li.frequency,#main #content .device .params div.paramGroup.lfo_3 > ul li.frequency,#main #content .device .params div.paramGroup.dca_1 > ul li.frequency,#main #content .device .params div.paramGroup.dca_2 > ul li.frequency,#main #content .device .params div.paramGroup.dca_3 > ul li.frequency,#main #content .device .params div.paramGroup.osc_1 > ul li.level,#main #content .device .params div.paramGroup.osc_2 > ul li.level,#main #content .device .params div.paramGroup.osc_3 > ul li.level,#main #content .device .params div.paramGroup.lfo_1 > ul li.level,#main #content .device .params div.paramGroup.lfo_2 > ul li.level,#main #content .device .params div.paramGroup.lfo_3 > ul li.level,#main #content .device .params div.paramGroup.dca_1 > ul li.level,#main #content .device .params div.paramGroup.dca_2 > ul li.level,#main #content .device .params div.paramGroup.dca_3 > ul li.level {  clear: both;}#main #content .device .params div.paramGroup.osc_1 .label.modulation,#main #content .device .params div.paramGroup.osc_2 .label.modulation,#main #content .device .params div.paramGroup.osc_3 .label.modulation,#main #content .device .params div.paramGroup.dca_1 .label.modulation,#main #content .device .params div.paramGroup.dca_2 .label.modulation,#main #content .device .params div.paramGroup.dca_3 .label.modulation,#main #content .device .params div.paramGroup.filter .label.modulation,#main #content .device .params div.paramGroup.dca_4 .label.modulation,#main #content .device .params div.paramGroup.osc_1 .label.pan_modulation,#main #content .device .params div.paramGroup.osc_2 .label.pan_modulation,#main #content .device .params div.paramGroup.osc_3 .label.pan_modulation,#main #content .device .params div.paramGroup.dca_1 .label.pan_modulation,#main #content .device .params div.paramGroup.dca_2 .label.pan_modulation,#main #content .device .params div.paramGroup.dca_3 .label.pan_modulation,#main #content .device .params div.paramGroup.filter .label.pan_modulation,#main #content .device .params div.paramGroup.dca_4 .label.pan_modulation {  color: #fff;  text-transform: uppercase;  font-weight: bold;  padding-top: 5px;}#main #content .device .params div.paramGroup.osc_1 li.mod_src_1,#main #content .device .params div.paramGroup.osc_2 li.mod_src_1,#main #content .device .params div.paramGroup.osc_3 li.mod_src_1,#main #content .device .params div.paramGroup.dca_1 li.mod_src_1,#main #content .device .params div.paramGroup.dca_2 li.mod_src_1,#main #content .device .params div.paramGroup.dca_3 li.mod_src_1,#main #content .device .params div.paramGroup.filter li.mod_src_1,#main #content .device .params div.paramGroup.dca_4 li.mod_src_1,#main #content .device .params div.paramGroup.osc_1 li.mod_src_2,#main #content .device .params div.paramGroup.osc_2 li.mod_src_2,#main #content .device .params div.paramGroup.osc_3 li.mod_src_2,#main #content .device .params div.paramGroup.dca_1 li.mod_src_2,#main #content .device .params div.paramGroup.dca_2 li.mod_src_2,#main #content .device .params div.paramGroup.dca_3 li.mod_src_2,#main #content .device .params div.paramGroup.filter li.mod_src_2,#main #content .device .params div.paramGroup.dca_4 li.mod_src_2,#main #content .device .params div.paramGroup.osc_1 li.pan_mod_src,#main #content .device .params div.paramGroup.osc_2 li.pan_mod_src,#main #content .device .params div.paramGroup.osc_3 li.pan_mod_src,#main #content .device .params div.paramGroup.dca_1 li.pan_mod_src,#main #content .device .params div.paramGroup.dca_2 li.pan_mod_src,#main #content .device .params div.paramGroup.dca_3 li.pan_mod_src,#main #content .device .params div.paramGroup.filter li.pan_mod_src,#main #content .device .params div.paramGroup.dca_4 li.pan_mod_src {  float: left;}#main #content .device .params div.paramGroup.osc_1 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.osc_2 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.osc_3 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.dca_1 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.dca_2 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.dca_3 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.filter li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.dca_4 li.mod_src_1 div.control div.label,#main #content .device .params div.paramGroup.osc_1 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.osc_2 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.osc_3 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.dca_1 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.dca_2 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.dca_3 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.filter li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.dca_4 li.mod_src_2 div.control div.label,#main #content .device .params div.paramGroup.osc_1 li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.osc_2 li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.osc_3 li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.dca_1 li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.dca_2 li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.dca_3 li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.filter li.pan_mod_src div.control div.label,#main #content .device .params div.paramGroup.dca_4 li.pan_mod_src div.control div.label {  display: none;}#main #content .device .params div.paramGroup.osc_1 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.osc_2 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.osc_3 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.dca_1 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.dca_2 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.dca_3 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.filter li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.dca_4 li.mod_amt_1 div.control div.label,#main #content .device .params div.paramGroup.osc_1 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.osc_2 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.osc_3 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.dca_1 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.dca_2 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.dca_3 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.filter li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.dca_4 li.mod_amt_2 div.control div.label,#main #content .device .params div.paramGroup.osc_1 li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.osc_2 li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.osc_3 li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.dca_1 li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.dca_2 li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.dca_3 li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.filter li.pan_mod_amt div.control div.label,#main #content .device .params div.paramGroup.dca_4 li.pan_mod_amt div.control div.label {  display: none;}#main #content .device .params div.paramGroup.env_1 h3,#main #content .device .params div.paramGroup.env_2 h3,#main #content .device .params div.paramGroup.env_3 h3,#main #content .device .params div.paramGroup.env_4 h3 {  float: left;}#main #content .device .params div.paramGroup.env_1 canvas,#main #content .device .params div.paramGroup.env_2 canvas,#main #content .device .params div.paramGroup.env_3 canvas,#main #content .device .params div.paramGroup.env_4 canvas {  float: right;  width: 270px;  height: 120px;  margin-bottom: 5px;}#main #content .device .params div.paramGroup.env_1 li.level_vel,#main #content .device .params div.paramGroup.env_2 li.level_vel,#main #content .device .params div.paramGroup.env_3 li.level_vel,#main #content .device .params div.paramGroup.env_4 li.level_vel {  padding-top: 4px;}#main #content .device .params div.paramGroup.lfo_1 li.reset,#main #content .device .params div.paramGroup.lfo_2 li.reset,#main #content .device .params div.paramGroup.lfo_3 li.reset {  float: left;  width: 170px;}#main #content .device .params div.paramGroup.modes li.sync {  float: left;  width: 170px;}#main #content .device .params div.paramGroup.modes li.voice_restart .label,#main #content .device .params div.paramGroup.modes li.envelope_restart .label,#main #content .device .params div.paramGroup.modes li.wave_restart .label,#main #content .device .params div.paramGroup.modes li.env_full_cycle .label {  width: 170px;}#main #content .device .control .label,#main #content .device .control .value,#main #content .device .control select {  border: 1px solid #202020;  background-color: #111111;  font-family: 'Segment14';  color: #00ffcc;  display: inline-block;  padding: 3px;  box-sizing: border-box;  height: 28px;}#main #content .device .control .value {  width: 40px;  min-width: 26px;  text-align: right;}#main #content .device .tabs {  padding: 4px;}#main #content .device .tabs > ol {  margin-top: 12px;}#main #content .device .tabs > ol > li {  background-color: #444;  border-color: #222;  color: #eee;  padding: 6px;  font-size: 1.3em;}#main #content .device .tabs > ol > li a {  color: #ccc;}#main #content .device .tabs > ol > li:hover a {  color: #fff;}#main #content .device .tabs > ol > li.active {  background-color: #444;  border-bottom-color: #444;  color: #fff;}#main #content .device .tabs > ol > li.active a {  color: inherit;}#main #content .device .tabs > ul {  border: 1px solid #222;}#main #content .device .tabs > ul h3 {  border-bottom: 0;}#main #content .device .tabs > ul > li {  background-color: #444;  padding: 3px;}#main #content .device .tabs > ul > li.tab_editor,#main #content .device .tabs > ul > li.tab_patches,#main #content .device .tabs > ul > li.tab_sequences {  padding-right: 40px;}#main #content .device .tabs > ul > li.tab_files .button {  width: 24px;  height: 24px;}#main #content .device .tabs > ul > li.tab_files .button svg {  width: 24px;  height: 24px;}#main #content .device .tabs > ul > li.tab_log {  font-family: monospace;  color: #00ffcc;}#main #content .device .tabs > ul > li.tab_log > div {  background-color: #111111;  padding: 8px;}#main #content .device table tbody > tr:nth-child(odd),#main #content .device table tbody > tr:nth-child(even) {  background-color: transparent;  color: #fff;  border-bottom: 1px solid #fd0;  font-size: 14px;}#main #content .device table tbody > tr:nth-child(odd) a,#main #content .device table tbody > tr:nth-child(even) a {  color: #fff;}#main #content .device div.keys > .key {  box-sizing: border-box;  width: 50px;  height: 150px;  background-color: #fff;  border: 1px solid #eee;  display: inline-block;  cursor: pointer;  z-index: 0;  position: relative;  border-radius: 0 0 5px 5px;}#main #content .device div.keys > .key.key2,#main #content .device div.keys > .key.key4,#main #content .device div.keys > .key.key7,#main #content .device div.keys > .key.key9,#main #content .device div.keys > .key.key11 {  box-sizing: border-box;  width: 45px;  background-color: #000;  border: 1px solid #222;  height: 80px;  margin: 0 -25px 70px -25px;  z-index: 1;}#main #content .device div.keys > .key.key2[status=down],#main #content .device div.keys > .key.key4[status=down],#main #content .device div.keys > .key.key7[status=down],#main #content .device div.keys > .key.key9[status=down],#main #content .device div.keys > .key.key11[status=down] {  background-color: #226;  /* border: 1px solid #00f; */}#main #content .device div.keys > .key[status=down] {  background-color: #ddf;  border: 1px solid #00f;}