.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}#mbar{padding:10px 4px;text-align:right;background-color:#eee}#mbar: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{height:5%;background-color:#eee}#err:hover{height:50%;position:absolute;top:50%}#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}.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}input[type=range]{writing-mode:vertical-lr}.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)}#err{display:none}#tempo{width:auto;writing-mode:horizontal-tb}#voices div,#play{padding-left:.5em;padding-right:.5em}#voices,#mbar{display:flex}#voices div:hover,#panel-button,#play:hover,#playbk:hover{cursor:pointer}#mbar:hover{cursor:default}@media (max-width: 768px){#btns{position:relative!important;top:auto!important;right:auto!important;display:block;margin-bottom:10px}#mbar{justify-content:center}}