/*!********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/blocks/atoms/color-separator/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************/
/******* Colors *******/
/******* Status Colors *******/
/******* Effect Styles Colors *******/
/******* FONT SETUP *******/
.color-separator.default {
  display: inline-block;
  width: 100%;
  margin: 20px 0;
}
.color-separator.default hr {
  border: none;
}
@media (min-width: 960px) {
  .color-separator.default {
    margin: 30px 0;
  }
}

.color-separator.line {
  width: 100%;
  display: inline-block;
}
.color-separator.line hr {
  margin-right: auto;
  margin-left: auto;
  border: none;
  max-width: 100%;
}

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