.beatGrid {
    width: 100%;
    height: 100%;
}
.beatRule {
    stroke: #393;
    stroke-width: 5;
}
.beatCell {
    stroke: #fff;
    stroke-width: 3;
}
.beatCellOn {
    fill: #33c;
}

.beat_player_btn {
    display: inline-block;
    width: 2em;
    height: 2em;
    background-color: transparent;
    background-size: cover;
    margin-left: 1em;
    margin-right: 1em;
}
.beat_player_btn:hover {
    background-color: #666;
}
.beat_player_play {
    background-image: url("play.svg");
}
.beat_player_pause {
    background-image: url("pause.svg");
}

.sound_picker_btn {
    width: 2em;
    height: 2em;
    float: left;
    margin: 0.5em;
    border: .1em solid #999;
    background: transparent;
}

.sound_picker_btn_on {
    background: #33c;
}
.sound_picker_rec {
    background-image: url("rec.svg");
    background-size: cover;
}
.sound_picker_stop {
    background-image: url("stop.svg");
    background-size: cover;
}