/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./components/page/page-content/page-content-wave/page-content-wave.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
.main-content-front {
  position: relative;
}

.content-wave {
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  aspect-ratio: 1;
  z-index: -1;
  color: var(--bs-secondary);
}
.content-wave svg {
  position: absolute;
  top: 0;
  left: -47%;
  right: 0;
  width: 245%;
  height: 100%;
}
.content-wave.content-wave-inverted {
  top: 0;
  bottom: unset;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

/*# sourceMappingURL=page-content-wave.css.map*/