/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/group/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-mag-mag-coreblocks {
  background-color: #21759b;
  color: #fff;
  padding: 2px;
}
.mag-megamenu {
  position: absolute !important;
  z-index: 100;
  display: none;
  opacity: 0;
  transition-behavior: allow-discrete !important;
  grid-template-columns: 1fr minmax(0, 1400px) 1fr;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.mag-core-popover-reset {
  padding: unset;
  margin: unset;
  width: unset;
  border: unset;
}
.mag-megamenu:popover-open {
  opacity: 1;
}
@starting-style {
  .mag-megamenu:popover-open {
    opacity: 0;
  }
}
.mag-core-popover-is-grid.mag-core-popover-editor-visible, .mag-core-popover-is-grid:popover-open {
  display: grid;
}
.mag-core-popover-editor-visible {
  opacity: 1;
}
@starting-style {
  .mag-core-popover-editor-visible {
    opacity: 0;
  }
}

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