.layout--columns-33-33-33 {
    display: flex;
    gap: var(--theme--gap);
    flex-wrap: wrap;
}

.layout--columns-33-33-33 > .layout__region {
    flex: 0 1 100%;
}

@media (min-width: 768px) {
    .layout--columns-33-33-33 > .layout__region--33 {
        flex: 0 1 calc(33.333% - 2/3 * var(--theme--gap));
    }
}

/* layout-editor */
#block-gin-content .layout--columns-33-33-33 {
    gap: 0;
}

@media (min-width: 1200px) {
    #block-gin-content .layout--columns-33-33-33 {
        flex-wrap: nowrap;
    }
    
    #block-gin-content .layout--columns-33-33-33 > .layout__region--33 {
        flex: 0 1 33.333%;
    }
}