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

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

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

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

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

@media (min-width: 768px) {
    #block-gin-content .layout--columns-25-25-25-25 > .layout__region--25 {
        flex: 0 1 50%;
    }
}

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