/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-spacer/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
.bp-spacer {
  width: 100%;
  height: 1px;
  display: block;
  padding: 0;
  pointer-events: none;
}

@media only screen and (min-width: 0) and (max-width: 960px) {
  .bp-spacer[behavior*=",add"] {
    padding-bottom: calc(var(--_spacer-m) - 1px);
  }
  .bp-spacer[behavior*=",substract"] {
    margin-top: calc(var(--_spacer-m) - 1px);
  }
}
@media only screen and (min-width: 961px) {
  .bp-spacer[behavior^=add] {
    padding-bottom: calc(var(--_spacer-d) - 1px);
  }
  .bp-spacer[behavior^=substract] {
    margin-top: calc(var(--_spacer-d) - 1px);
  }
}

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