.wave-box {
  position: absolute;
  width: var(--w);
  height: var(--h);
  background: transparent;
  color: var(--wave-color);
  left: var(--left);
  bottom: var(--bottom);
}
.wave-box .wave {
  position: absolute;
  inset: 0;
}
.wave-box .wave svg {
  
  width: 100%;
  height: 100%;
  overflow: visible;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.wave {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.wave-box.is-ready .wave,
wave-shape.is-ready .wave,
.wave-box.is-ready .wave svg,
wave-shape.is-ready .wave svg {
  opacity: 1;
  visibility: visible;
  display: block;
}