[data-type^="acf/"]:before {
    display: block;
    padding: 10px 15px;
    color: #fff;
    background: #333;
    content: 'Block: ' attr(data-title) ;
}

[data-type="acf/section"] .acf-block-section,
[data-type="acf/container"] .acf-block-container {
    padding: 10px;
    background: #f2f2f2;
}
[data-type="acf/section"] .acf-block-section,
[data-type="acf/container"] .acf-block-container,
[data-type="acf/row"] .acf-block-row { border: 1px solid #adb2ad; }

[data-type="acf/row"] .acf-block-row {
    padding: 20px;
    background: #f2f2f2;
}

[data-type="acf/row"] .acf-block-row > .block-editor-inner-blocks > .block-editor-block-list__layout {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}

[data-type="acf/row"] .acf-block-row > .block-editor-inner-blocks > .block-editor-block-list__layout > .block-list-appender {
    position: absolute;
    top: -60px;
    right: 0;
}

[data-type="acf/column"] .acf-block-column {
    padding: 10px;
    background: #fff;
}

.wp-block.wp-block-acf-column {
    margin-top: 0;
    margin-bottom: 0;
}

[data-type="acf/column"] {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 12px;
    padding-right: 12px;
}

[data-type="acf/column"][data-width="1"] {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}
[data-type="acf/column"][data-width="2"] {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
[data-type="acf/column"][data-width="3"] {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
[data-type="acf/column"][data-width="4"] {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
[data-type="acf/column"][data-width="5"] {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}
[data-type="acf/column"][data-width="6"],
[data-type="acf/column"]:not([data-width]) {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
[data-type="acf/column"][data-width="7"] {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}
[data-type="acf/column"][data-width="8"] {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
[data-type="acf/column"][data-width="9"] {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
[data-type="acf/column"][data-width="10"] {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}
[data-type="acf/column"][data-width="11"] {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}
[data-type="acf/column"][data-width="12"] {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

[data-type="acf/column"][data-offset="1"] {
    margin-left: 8.333333% !important;
}
[data-type="acf/column"][data-offset="2"] {
    margin-left: 16.666667% !important;
}
[data-type="acf/column"][data-offset="3"] {
    margin-left: 25% !important;
}
[data-type="acf/column"][data-offset="4"] {
    margin-left: 33.333333% !important;
}
[data-type="acf/column"][data-offset="5"] {
    margin-left: 41.666667% !important;
}
[data-type="acf/column"][data-offset="6"] {
    margin-left: 50% !important;
}
[data-type="acf/column"][data-offset="7"] {
    margin-left: 58.333333% !important;
}
[data-type="acf/column"][data-offset="8"] {
    margin-left: 66.666667% !important;
}
[data-type="acf/column"][data-offset="9"] {
    margin-left: 75% !important;
}
[data-type="acf/column"][data-offset="10"] {
    margin-left: 83.333333% !important;
}
[data-type="acf/column"][data-offset="11"] {
    margin-left: 91.666667% !important;
}
[data-type="acf/column"][data-offset="12"] {
    margin-left: 100% !important;
}

.acf-block-column .block-editor-block-list__layout:after {
    display: table;
    clear: both;
    content: '';
}