/*!***************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************/
.wp-block-create-block-brave-mega-menu {
  display: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  z-index: 100050;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s, transform 0.3s;
  /* Media query for mobile screens */
}
.wp-block-create-block-brave-mega-menu.open {
  opacity: 1;
  transform: translateY(0);
}
.wp-block-create-block-brave-mega-menu .svg-container {
  display: block;
  position: absolute;
  top: 0px;
  right: 20px;
  display: block;
}
@media (max-width: 575.98px) {
  .wp-block-create-block-brave-mega-menu {
    top: 0 !important;
    position: fixed;
    bottom: 0 !important;
    overflow: auto;
    transform: translateY(0px) !important;
    width: auto !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .wp-block-create-block-brave-mega-menu .svg-container {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .wp-block-create-block-brave-mega-menu {
    width: auto !important;
    overflow: auto;
    left: 0 !important;
    margin: 0;
    display: none;
  }
}
@media (min-width: 768px) {
  .wp-block-create-block-brave-mega-menu {
    overflow: auto;
  }
  .wp-block-create-block-brave-mega-menu .svg-container {
    display: none;
  }
}

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