.aw-flow {
    --flow-min-gap: theme('spacing.1', 0.25rem);
    --flow-gap: calc(var(--flow-gap-scale, 1) * var(--flow-min-gap));

    display: inline-flex;
    min-width: 0;

    &__wrap {
        display: flex;
        flex-wrap: wrap;
        margin-left: calc(-1 * var(--flow-gap));
        margin-top: calc(-1 * var(--flow-gap));
        min-width: 0;

        &--vertical {
            flex-direction: column;
        }

        &--children > * {
            margin-left: var(--flow-gap);
            margin-top: var(--flow-gap);
        }
    }

    &__child {
        display: block;
        min-width: 0;
        padding-left: var(--flow-gap);
        padding-top: var(--flow-gap);
    }
}