/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[3]!./src/blocks/gutenslider/style/dividers.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.gutenslider-divider-top,
.gutenslider-divider-bottom {
  fill: currentColor;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 5;
  pointer-events: none;
}
.gutenslider-divider-top svg,
.gutenslider-divider-bottom svg {
  max-height: 100%;
  height: 100%;
  width: 100%;
}

.gutenslider-divider-top {
  top: -1px;
  height: var(--gutenslider-divider-top);
}
.gutenslider-divider-top svg {
  transform: rotateX(180deg);
}
.gutenslider-divider-top svg.dont-rotate-x {
  transform: rotateX(0);
}
.gutenslider-divider-top.inverted svg {
  transform: rotateX(0);
}
.gutenslider-divider-top.inverted svg.dont-rotate-x {
  transform: rotateX(180deg);
}
.gutenslider-divider-top.flip-y svg {
  transform: rotateX(180deg) rotateY(180deg);
}
.gutenslider-divider-top.flip-y svg.dont-rotate-x {
  transform: rotateX(0) rotateY(180deg);
}
.gutenslider-divider-top.flip-y.inverted svg {
  transform: rotateX(0) rotateY(180deg);
}
.gutenslider-divider-top.flip-y.inverted svg.dont-rotate-x {
  transform: rotateX(180deg) rotateY(180deg);
}

.gutenslider-divider-bottom {
  bottom: 0px;
  height: var(--gutenslider-divider-bottom);
}
.gutenslider-divider-bottom svg.dont-rotate-x {
  transform: rotateX(180deg);
}
.gutenslider-divider-bottom.inverted svg {
  transform: rotateX(180deg);
}
.gutenslider-divider-bottom.inverted svg.dont-rotate-x {
  transform: rotateX(0);
}
.gutenslider-divider-bottom.flip-y svg {
  transform: rotateY(180deg);
}
.gutenslider-divider-bottom.flip-y svg.dont-rotate-x {
  transform: rotateX(180deg) rotateY(180deg);
}
.gutenslider-divider-bottom.flip-y.inverted svg {
  transform: rotateX(180deg) rotateY(180deg);
}
.gutenslider-divider-bottom.flip-y.inverted svg.dont-rotate-x {
  transform: rotateX(0) rotateY(180deg);
}

/*# sourceMappingURL=gs-dividers.css.map*/