.modplayer {
	font-family:monospace;
	font-weight:normal;
	font-size:0.9em;
	line-height:0.9em;
	white-space:pre;
	/**/
	box-sizing:border-box;
	padding-top:0.9em;
}

/*\

display

\*/

.modplayer > [data-pattern] > [data-row] {
	display:none;
}
.modplayer > [data-pattern] > [data-row].currentrow,
.modplayer > [data-pattern] > [data-row].currentrow ~ [data-row] {
	display:block;
}
.modplayer > [data-pattern] > [data-row].rowLimit ~ [data-row] {
	display:none;
}

/*\

colors
 
\*/

.modplayer {
	color:#778;
}
.modplayer > [data-pattern] > [data-row].currentrow {
	background-color:#335;
	color:#ccc;
}
.modplayer .note,
.modplayer .volume {
	color:rgb(124,172,138);
}
.modplayer .sample {
	color:rgb(156,156,72);
}
.modplayer .command {
	color:rgb(152,96,96);
}