.icon-expand{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2013.5L7.5%2011l1.42-1.41L12%2012.67l3.08-3.08L16.5%2011%2012%2015.5z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;width:24px}.icon-play{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M8%205v14l11-7z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;width:24px}.icon-stop{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%3e%3cpath%20d='M6%206h12v12H6z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;width:24px}.linethrough{text-decoration:line-through}.strikethrough{position:relative}.strikethrough:before{position:absolute;content:"";left:0;top:50%;right:0;border-top:1px solid;border-color:inherit;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}.rat{width:100%;height:100%;margin:0;overflow:auto}body{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-webkit-touch-callout:none}html,body{background:#fff}label,input,select,#mbar,#schuivers{font-family:arial;font-size:15px}#btns{position:absolute;right:4px;top:4px;z-index:3}#voices div,#play{padding-left:.5em;padding-right:.5em}#mbar{padding:10px 4px;text-align:right;background-color:#eee;display:flex}#voices{display:flex}#voices div:hover,#panel-button,#play:hover,#playbk:hover{cursor:pointer}#menu{background-color:#eee;padding-left:5px;padding-right:5px;padding-bottom:5px;flex-direction:column}#menu label{display:block;margin-bottom:8px}#menu label>span{display:inline-block;width:7.5em}#notation{height:95%;display:inline-block;vertical-align:top}#err{display:none;height:5%;background-color:#eee}#err:hover{height:50%;position:absolute;top:50%}#rollijn{position:absolute;height:30px;width:100%;z-index:1;top:30%}#rollijn:hover{cursor:row-resize;background:#00ff004d}#tempo{width:3em}#abcfile{display:inline-block}#mtrsvg{vertical-align:middle}#schuivers{justify-content:space-around;border-top:black 1px solid;padding-top:5px}.dashed{border-bottom:thin dashed black}.spel{background:#00ff004d}.dlog{display:none;background:#add8e6;position:absolute;top:50%;left:50%;width:60%;padding:10px;transform:translate(-50%,-50%);z-index:9;overflow:auto}.indrag{background:#aaa}.rij{display:flex;flex-wrap:wrap;justify-content:space-between}.schuif{margin-right:10px;display:flex;flex-direction:column}.schuif:nth-child(odd){background:#ffe}.schuif:nth-child(2n){background:#eff}.instnum{margin:5px}.instnum input{width:2.5em}.vol input[type=range],.pan input[type=range]{writing-mode:vertical-lr}