.lws-checkgrid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, auto));
    gap: 10px;

    .checkgrid-item {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        background-color: #eee;
        border-left: 5px solid #366;
        line-height: 30px;
        font-size: 15px;
        cursor: move;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);

        &:hover {
            box-shadow: 0 7px 14px rgba(0, 0, 0, 0.25), 0 5px 5px rgba(0, 0, 0, 0.22);
        }

        .checkbox {
            flex: 0 1 auto;
            width: 30px;
            line-height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
    }
}