body {
  font-family: 'Noto Sans', sans-serif;
}


.footer .icon-link {
    font-size: 25px;
    color: #000;
}

.link-block a {
    margin-top: 5px;
    margin-bottom: 5px;
}

.dnerf {
  font-variant: small-caps;
}


.teaser .hero-body {
  padding-top: 0;
  padding-bottom: 3rem;
}

.teaser {
  font-family: 'Google Sans', sans-serif;
}

.expdiv{
  display:flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  max-width: 800px; 
  margin-bottom: 20px; 
  margin-left:auto;
  margin-right:auto;
}

.expdiv img{
  max-width:500px;
  margin-left: auto;
  margin-right:auto;
}

.publication-title {
}

.title{
  margin-top:10px;
}

.publication-banner {
  max-height: parent;

}

.space-around{
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.waveform{
  padding-left: 5rem;
  padding-right:5rem;
  padding-bottom: 2rem;
}
.triple-column{
  flex: content;
  flex-direction: row;
  background-color: rgb(230, 230, 230);
  padding-top:3rem;
  padding-bottom:3rem;
  padding-right:1rem;
  padding-left:1rem;
  display:flex;
  max-width:800px;
  margin-left:auto;
  margin-right:auto;
}
.side_audio{
  min-width: 400px;
}

.narrow{
  max-width: 600px;
  width:600px;
  margin:auto;
  text-align: center;
}

.publication-banner video {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  object-fit: fit;
  background-color: #ac0707;
}

.wavform{
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

.publication-header .hero-body {
}

.publication-title {
    font-family: 'Google Sans', sans-serif;
}

.publication-authors {
    font-family: 'Google Sans', sans-serif;
}

.publication-venue {
    color: #555;
    width: fit-content;
    font-weight: bold;
}

.publication-awards {
    color: #ff3860;
    width: fit-content;
    font-weight: bolder;
}

.publication-authors {
}

.publication-authors a {
   color: hsl(204, 86%, 53%) !important;
}

.publication-authors a:hover {
    text-decoration: underline;
}

.author-block {
  display: inline-block;
}

.publication-banner img {
}

.publication-authors {
  /*color: #4286f4;*/
}

.publication-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;

    overflow: hidden;
    border-radius: 10px !important;
}

.publication-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.publication-body img {
}

.results-carousel {
  overflow: hidden;
}

.results-carousel .item {
  margin: 5px;
  overflow: hidden;
  padding: 20px;
  font-size: 0;
  padding: 5px;
  display:flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}

.results-carousel img{
  
  margin-left:auto;
  margin-right:auto;
  max-width:800px;
  padding-bottom:2rem;
}
.results-carousel video {
  margin: 0;
}

.slider-pagination .slider-page {
  background: #000000;
}

.eql-cntrb { 
  font-size: smaller;
}

#mainPlayer, #mainVisualizer {
  display: block;
  width: inherit;
  margin: 0; }

#mainVisualizer {
  border-radius: 10px 10px 0 0;
  border: 1px solid #e9e9e9;
  border-bottom: none;
  background: #fefefe; }
  #mainVisualizer .piano-roll-visualizer {
    width: inherit;
    overflow: auto; }
    #mainVisualizer .piano-roll-visualizer svg {
      margin: 2px; }
      #mainVisualizer .piano-roll-visualizer svg rect.note {
        opacity: calc(min(1, (var(--midi-velocity) + 30) / 128) * 0.75); }
        #mainVisualizer .piano-roll-visualizer svg rect.note.active {
          opacity: calc(min(1, (var(--midi-velocity) + 30) / 128) * 0.9);
          stroke: black;
          stroke-width: 0.75;
          stroke-opacity: 0.75; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="0"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="1"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="2"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="3"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="4"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="5"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="6"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="7"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="8"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="9"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="10"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="11"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="12"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="13"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="14"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="15"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="16"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="17"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="18"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="19"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="20"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="21"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="22"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="23"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="24"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="25"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="26"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="27"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="28"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="29"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="30"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="31"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="32"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="33"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="34"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="35"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="36"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="37"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="38"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="39"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="40"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="41"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="42"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="43"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="44"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="45"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="46"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="47"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="48"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="49"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="50"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="51"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="52"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="53"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="54"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="55"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="56"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="57"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="58"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="59"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="60"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="61"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="62"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="63"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="64"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="65"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="66"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="67"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="68"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="69"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="70"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="71"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="72"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="73"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="74"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="75"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="76"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="77"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="78"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="79"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="80"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="81"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="82"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="83"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="84"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="85"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="86"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="87"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="88"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="89"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="90"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="91"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="92"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="93"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="94"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="95"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="96"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="97"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="98"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="99"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="100"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="101"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="102"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="103"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="104"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="105"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="106"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="107"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="108"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="109"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="110"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="111"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="112"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="113"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="114"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="115"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="116"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="117"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="118"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="119"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="120"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="121"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="122"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="123"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="124"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="125"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="126"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="127"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="128"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="129"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="130"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="131"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="132"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="133"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="134"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="135"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="136"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="137"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="138"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="139"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="140"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="141"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="142"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="143"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="144"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="145"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="146"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="147"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="148"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="149"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="150"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="151"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="152"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="153"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="154"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="155"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="156"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="157"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="158"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="159"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="160"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="161"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="162"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="163"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="164"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="165"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="166"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="167"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="168"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="169"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="170"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="171"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="172"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="173"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="174"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="175"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="176"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="177"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="178"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="179"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="180"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="181"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="182"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="183"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="184"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="185"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="186"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="187"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="188"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="189"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="190"] {
        fill: #00b680; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="191"] {
        fill: #de0015; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="192"] {
        fill: #4f00cf; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="193"] {
        fill: #d39e00; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="194"] {
        fill: #f3006f; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="195"] {
        fill: #00879c; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="196"] {
        fill: #de6500; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="197"] {
        fill: #009c24; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="198"] {
        fill: #0062cc; }
      #mainVisualizer .piano-roll-visualizer svg rect.note[data-instrument="199"] {
        fill: #00b680; }

#mainPlayer::part(control-panel) {
  border-radius: 0 0 10px 10px;
  border: 1px solid #e9e9e9;
  border-top: none;
  background: linear-gradient(#fefefe, #e9e9e9); }