.ibz-design-group {
    height: 100%;
    >.drag-item-info {
        text-align: right;
        font-size: 12px;
        >.drag-item-info-text {
            display: inline;
            color: var(--container-border-hover-color);
        }
    }
    >.header {
        position: relative;
        width: 100%;
        padding: 12px 0 12px 40px;
        color: rgba(0, 0, 0, 0.85);
        line-height: 22px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        >.arrow {
            position: absolute;
            left: 16px;
            top: 12px;
        }
        +.content {
            height: calc(100% - 46px);
        }
    }
    >.content {
        overflow: hidden;
        height: calc(100% - 18px);
        color: rgba(0, 0, 0, 0.65);
        background-color: transparent;
        min-height: 40px;
        border: 1px var(--container-border-color) dashed;
        >.draggable-container {
            height: 100%;
            >.transition-group.draggable-warp {
                min-height: 40px;
                overflow: auto;
                height: 100%;
                margin: 0;
                border: 0;
                padding-bottom: 20px;
            }
        }
    }
    .grid-container-item{
        width: 100%;
        text-align: center;
        background-color: darkgray;
    }
}
.ibz-design-group:hover {

    >.content {
        border-color: var(--container-border-hover-color);
    }
}
.ibz-design-group.ibz-design-group-border-hidden {
    border: none;
    >.content {
        border: none;
        height: 100%;
    }
}
.design-grid-container-item{
    >.drag-handle{
        display: none!important;
    }
    >.drag-item-actions{
        display: none;
    }
}