/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/bp-row/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@media only screen and (min-width: 0) and (max-width: 960px) {
  :where(.bp-row) {
    --gap-m-x: var(--gap-mobile);
    --gap-d-x: var(--gap-mobile);
  }
}
@media only screen and (min-width: 961px) {
  :where(.bp-row) {
    --gap-d-x: var(--gap-desktop);
    --gap-m-x: var(--gap-desktop);
  }
}

/*# sourceMappingURL=style-index.css.map*/