da-beat-sequencer.css

.da-beat-sequencer{
	font-family: monospace;
}
.da-beat-sequencer .instrument .steps{
	display: inline-block;
	vertical-align: middle;
	width: 80%;
}
.da-beat-sequencer .instrument .steps .step{
    display: inline-block;
    vertical-align: middle;
    width: 6.25%;
    text-align: center;
    color: black;
    height: 0;
    padding-top: 3.12%;
    font-size: 2em;
    padding-bottom: 3.12%;
    line-height: 0;
}
.da-beat-sequencer .instrument .steps .step.active{
	background: black;
	color: white;
}
.da-beat-sequencer .instrument .steps .step input{
	display: none;
}
.da-beat-sequencer .instrument .steps .step input + div::before{
	content: '.';
	cursor: pointer;
}
.da-beat-sequencer .instrument .steps .step input:checked + div::before{
	content: 'x';
}
.da-beat-sequencer .bpm-control-wrapper button{
	margin-right: 1em;
}
.da-beat-sequencer .bpm-control-wrapper label{
	display: inline-block;
    vertical-align: bottom;
    margin-right: 1em;
}
.da-beat-sequencer .bpm-control-wrapper label input,
.da-beat-sequencer .bpm-control-wrapper label select{
	display: block;
}
.da-beat-sequencer .instrument label{
	display: inline-block;
	vertical-align: middle;
	width: 19%;
}
.da-beat-sequencer .instrument label input{
	display: block;
	width: 100%;
}