import { style } from '@vanilla-extract/css';

import { vars } from '../css';

export const group = style({
  display: 'flex',
  flexWrap: 'wrap',
  alignItems: 'flex-start',
  justifyContent: 'flex-start',
  columnGap: vars.space[7],
  rowGap: vars.space[4],

  selectors: {
    '&[aria-orientation="vertical"]': {
      flexDirection: 'column',
    },
  },
});