/*!*************************************************************************************************************************************************************************************************************!*\
  !*** css ../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/styles/patterns/data-grid/default.css ***!
  \*************************************************************************************************************************************************************************************************************/
.data-grid {
  @media screen and (max-width: 1023px) {
    grid-template-columns: repeat(2, 1fr)!important;
  }
	@media screen and (max-width: 781px) {
		display: flex !important;
		flex-direction: column !important;
	}
}

.data-grid-wrap {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 24px!important;
  padding-right: 24px!important;
  @media screen and (max-width: 781px) {
    padding-top: 32px;
    padding-bottom: 40px;
  }
}

/*# sourceMappingURL=default.css.map*/