"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Container = void 0;
const Grid_1 = require("../../components/Grid");
const styled_1 = require("../../components/styled");
const constants_1 = require("../FormFilters/constants");
exports.Container = (0, styled_1.styled)(Grid_1.Grid) `
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  display: contents;

  > * {
  flex: 1;
  }

  .${constants_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;
    }
  }
`;
