/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./app/Blocks/Header/styles.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.booom-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 50;
}
.booom-header::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #000;
  opacity: 0;
  height: 100%;
  z-index: -1;
  transition: opacity 0.3s ease-in-out;
}
.booom-header.scrolled::before {
  opacity: 0.3;
}

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