/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-column/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
:is([columns], #important) {
  --_grid-w: calc((100% / var(--_cols) * var(--_span)) - (var(--_gap) * (var(--_cols) - var(--_span)) / var(--_cols)));
  --_grid-off-l: calc((100% / var(--_cols) * var(--_off-l)) + (var(--_gap) * var(--_off-l) / var(--_cols)));
  --_grid-off-r: calc((100% / var(--_cols) * var(--_off-r)) + (var(--_gap) * var(--_off-r) / var(--_cols)));
  width: var(--_final-w);
  flex: 0 0 var(--_final-w);
  max-width: var(--_final-w);
  margin-left: var(--_final-ml);
  margin-right: var(--_final-mr);
}

@media only screen and (min-width: 0) and (max-width: 960px) {
  [flex] > [columns] {
    --gap-m-x: inherit;
    --gap-m-y: inherit;
  }
  [columns] {
    --_cols: var(--col-m-total, 1);
    --_span: var(--col-m-span, var(--_cols));
    --_gap: var(--gap-m-x, 0px);
    --_off-l: var(--col-m-offset-start, 0);
    --_off-r: var(--col-m-offset-end, 0);
    --_final-w: var(--col-m-width, var(--_grid-w));
    --_final-ml: var(--col-m-start, var(--_grid-off-l));
    --_final-mr: var(--col-m-end, var(--_grid-off-r));
  }
}
@media only screen and (min-width: 961px) {
  [flx] > [columns] {
    --gap-d-x: inherit;
    --gap-d-y: inherit;
  }
  [columns] {
    --_cols: var(--col-d-total, 12);
    --_span: var(--col-d-span, var(--_cols));
    --_gap: var(--gap-d-x, 0px);
    --_off-l: var(--col-d-offset-start, 0);
    --_off-r: var(--col-d-offset-end, 0);
    --_final-w: var(--col-d-width, var(--_grid-w));
    --_final-ml: var(--col-d-start, var(--_grid-off-l));
    --_final-mr: var(--col-d-end, var(--_grid-off-r));
  }
}

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