import { Grid } from '../../components/Grid';
import { styled } from '../../components/styled';
import { formFiltersClassnames } from '../FormFilters/constants';
export const Container = styled(Grid) `
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  display: contents;

  > * {
  flex: 1;
  }

  .${formFiltersClassnames.modalFilters} & {
    display: grid;
    column-gap: ${({ theme }) => theme.spacing(5)};
    align-items: center;
    justify-content: space-between;

    ${({ theme }) => theme.breakpoints.down('sm')} {
      display: flex;
      flex-direction: column;
      align-items: unset;
    }
  }
`;
