/*!****************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-container/style.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************/
.container {
  width: 100%;
}

@media only screen and (min-width: 0) and (max-width: 960px) {
  .bp-container {
    background: var(--container-bg-desktop);
    color: var(--container-text-desktop);
    border-color: var(--container-border-desktop);
  }
  .bp-container:hover {
    background: var(--container-bg-hover, var(--container-bg-desktop));
    color: var(--container-text-hover, var(--container-text-desktop));
    border-color: var(--container-border-hover, var(--container-border-desktop));
  }
}
@media only screen and (min-width: 961px) {
  .bp-container {
    background: var(--container-bg-mobile, var(--container-bg-desktop));
    color: var(--container-text-mobile, var(--container-text-desktop));
    border: var(--container-border-mobile, var(--container-border-desktop));
  }
}

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