.is-builder {
    transition: all ease 0.3s;
    > div {
        position: relative;
        transition: none;
        margin-left: 0;
        margin-right: 0;
        width: auto;
        @media (min-width: 640px) {
            display: flex;
        }
        > div.cell-active {
            outline: 1px solid #00da89;
        }
        > div:focus {
            outline: none
        }
    }

    .row-active {
        outline: 1px solid #00da89;
        z-index: 100;
    }
    .row-active.row-outline {
        outline: 1px solid rgba(132, 132, 132, 0.2);
    }
    .row-active:not(.row-outline) > div.cell-active {
        outline: none
    }
    .snippet-item {
        &.sortable-ghost {
            width: 100%;
            background: rgba(204, 204, 204, 0.15);
            height: 40px;
            * {
                visibility: hidden;
            }
        }
    }
}

.is-builder[gridoutline] > div > div {
    outline: 1px solid rgba(132, 132, 132, 0.27);
    outline-offset: 1px;
}