[class*='__items--1'],
[class*='__items--2'],
[class*='__items--3'],
[class*='__items--4'],
[class*='__items--6'],
[class*='__items--8'] {
    display: flex;
    flex-direction: column;
    gap: var(--wp--style--block-gap);
}

[class*='__items--2'],
[class*='__items--3'],
[class*='__items--4'],
[class*='__items--6'],
[class*='__items--8'] {
    gap: calc(2 * var(--theme--gap--normal)) var(--wp--style--block-gap);
}

@media (min-width: 576px) {
    [class*='__items--2'],
    [class*='__items--3'],
    [class*='__items--4'],
    [class*='__items--6'],
    [class*='__items--8'] {
        flex-direction: row;
        flex-wrap: wrap;
    }

    [class*='__items--2'] > [class*='__item'],
    [class*='__items--3'] > [class*='__item'] {
        width: 100%;
    }

    [class*='__items--4'] > [class*='__item'],
    [class*='__items--6'] > [class*='__item'],
    [class*='__items--8'] > [class*='__item'] {
        width: calc(50% - 1 / 2 * var(--wp--style--block-gap));
    }
}

@media (min-width: 768px) {
    [class*='__items--2'] > [class*='__item'] {
        width: calc(50% - 1 / 2 * var(--wp--style--block-gap));
    }

    [class*='__items--3'] > [class*='__item'],
    [class*='__items--6'] > [class*='__item'] {
        width: calc(33.333% - 2 / 3 * var(--wp--style--block-gap));
    }
}

@media (min-width: 992px) {
    [class*='__items--4'] > [class*='__item'],
    [class*='__items--8'] > [class*='__item'] {
        width: calc(25% - 3 / 4 * var(--wp--style--block-gap));
    }
}

@media (min-width: 1200px) {
    [class*='__items--6'] > [class*='__item'] {
        width: calc(16.666% - 5 / 6 * var(--wp--style--block-gap));
    }

    [class*='__items--8'] > [class*='__item'] {
        width: calc(12.5% - 7 / 8 * var(--wp--style--block-gap));
    }
}