.gradient-waves-container {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.gradient-waves-canvas {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
}

/* Site integration: process ("How I ship work") background */
.proc-waves {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 1;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 94%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 8%, #000 94%, transparent 100%);
}

.proc-waves::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(14, 18, 24, 0.4), rgba(14, 18, 24, 0) 26%, rgba(14, 18, 24, 0) 76%, rgba(14, 18, 24, 0.34));
}

html.no-waves .proc-waves {
  display: none;
}