.stack {
    --orientation-direction: column;

    --orientation-flex-alignment-x: var(--flex-alignment-x);
    --orientation-flex-alignment-y: var(--flex-alignment-y);

    --flex-alignment-x: initial;
    --flex-alignment-y: initial;

    --spacing-x: 0;
    --spacing-y: 0;

    @apply flex gap-x-[var(--spacing-x)] gap-y-[var(--spacing-y)];

    align-items: var(--orientation-flex-alignment-x);
    justify-content: var(--orientation-flex-alignment-y);

    flex-direction: var(--orientation-direction);

    &[data-variation~="wrap"] {
        @apply flex-wrap;
    }
}