.block--wave-separator {
  position: relative;
  width: 100%;
  height: 56px;
  margin: -60px 0 -1px 0;
  padding: 0;
  line-height: 0;
  overflow: visible;
  display: block;
  z-index: 10;
}

@media (max-width: 767.98px) {
  .block--wave-separator {
    height: 32px;
    margin: -36px 0 -1px 0;
  }
}
.block--wave-separator svg {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.block--wave-separator.has-grain-texture {
  position: relative;
  overflow: hidden;
}

.block--wave-separator.has-grain-texture svg {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}

.block--wave-separator.has-grain-texture::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 56px;
  pointer-events: none;
  z-index: 2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='4.5' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.4;
  mix-blend-mode: multiply;
  clip-path: url(#wave-clip);
}

@media (max-width: 767.98px) {
  .block--wave-separator.has-grain-texture::after {
    height: 32px;
  }
}
.block--wave-separator.has-grain-texture[data-grain-opacity="1"]::after {
  opacity: 0.01;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="2"]::after {
  opacity: 0.02;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="3"]::after {
  opacity: 0.03;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="4"]::after {
  opacity: 0.04;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="5"]::after {
  opacity: 0.05;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="6"]::after {
  opacity: 0.06;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="7"]::after {
  opacity: 0.07;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="8"]::after {
  opacity: 0.08;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="9"]::after {
  opacity: 0.09;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="10"]::after {
  opacity: 0.1;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="11"]::after {
  opacity: 0.11;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="12"]::after {
  opacity: 0.12;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="13"]::after {
  opacity: 0.13;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="14"]::after {
  opacity: 0.14;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="15"]::after {
  opacity: 0.15;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="16"]::after {
  opacity: 0.16;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="17"]::after {
  opacity: 0.17;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="18"]::after {
  opacity: 0.18;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="19"]::after {
  opacity: 0.19;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="20"]::after {
  opacity: 0.2;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="21"]::after {
  opacity: 0.21;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="22"]::after {
  opacity: 0.22;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="23"]::after {
  opacity: 0.23;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="24"]::after {
  opacity: 0.24;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="25"]::after {
  opacity: 0.25;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="26"]::after {
  opacity: 0.26;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="27"]::after {
  opacity: 0.27;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="28"]::after {
  opacity: 0.28;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="29"]::after {
  opacity: 0.29;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="30"]::after {
  opacity: 0.3;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="31"]::after {
  opacity: 0.31;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="32"]::after {
  opacity: 0.32;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="33"]::after {
  opacity: 0.33;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="34"]::after {
  opacity: 0.34;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="35"]::after {
  opacity: 0.35;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="36"]::after {
  opacity: 0.36;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="37"]::after {
  opacity: 0.37;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="38"]::after {
  opacity: 0.38;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="39"]::after {
  opacity: 0.39;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="40"]::after {
  opacity: 0.4;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="41"]::after {
  opacity: 0.41;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="42"]::after {
  opacity: 0.42;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="43"]::after {
  opacity: 0.43;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="44"]::after {
  opacity: 0.44;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="45"]::after {
  opacity: 0.45;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="46"]::after {
  opacity: 0.46;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="47"]::after {
  opacity: 0.47;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="48"]::after {
  opacity: 0.48;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="49"]::after {
  opacity: 0.49;
}

.block--wave-separator.has-grain-texture[data-grain-opacity="50"]::after {
  opacity: 0.5;
}

.editor-styles-wrapper .block--wave-separator svg {
  display: block;
}