/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/nav-toggle/style.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
.wp-block-modulr-nav-toggle {
  align-items: center;
  cursor: pointer;
  height: 30px;
  letter-spacing: 1px;
  overflow: hidden;
  padding: 0;
  pointer-events: all;
  position: relative;
  width: 30px;
}
.wp-block-modulr-nav-toggle span {
  background-color: black;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 50%;
  transition-timing-function: var(--modulr--ease-fn), var(--modulr--ease-fn);
  width: 100%;
}
.wp-block-modulr-nav-toggle span:before, .wp-block-modulr-nav-toggle span:after {
  background-color: black;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transition-duration: 0.3s, 0.3s;
  width: 100%;
}
.wp-block-modulr-nav-toggle span:before {
  top: -7px;
  transition-property: top, transform;
}
.wp-block-modulr-nav-toggle span:after {
  bottom: -7px;
  transition-property: bottom, transform;
}
.wp-block-modulr-nav-toggle.active span {
  height: 0;
  background-color: transparent !important;
}
.wp-block-modulr-nav-toggle.active span:before {
  top: 0;
  transform: rotate(45deg);
}
.wp-block-modulr-nav-toggle.active span:after {
  bottom: -1px;
  transform: rotate(-45deg);
}

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