step-sequencer {
    display: block;
    position: relative;
    min-height: 200px;
    min-width: 200px;
    overflow: hidden;
    .container {
        width: 100%;
        height: 100%;
        input[type="checkbox"] {
            appearance: none;
            border: 1px solid #222;
            background: white;
            width: 100%;
            height: 100%;
            margin: 0;
            &.active {
                opacity: 75%;
            }
        }
        input[type="checkbox"]:checked {
            background-color: black;
        }
    }
}