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