.wave{position:absolute;left:0;width:100%;height:var(--wave-height);pointer-events:none;overflow:hidden}.wave canvas{display:block;width:100%;height:100%}.wave_top{bottom:100%}.wave_bottom{top:100%}.wave{z-index:4;--wave-height:6vh;--wave-color:#e8e8e8;--wave-frequency:1;--wave-speed:.4;--wave-amplitude:.18;--wave-direction:1}.wave.color1{z-index:3;--wave-height:7vh;--wave-gradient-from:rgba(0,146,219,.5);--wave-gradient-to:rgba(0,146,219,.5);--wave1-frequency:.5;--wave1-speed:.05;--wave1-amplitude:.5;--wave1-direction:1}.wave.color2{z-index:2;--wave-height:6vh;--wave-gradient-from:rgba(139,193,31,.5);--wave-gradient-to:rgba(139,193,31,.5);--wave2-frequency:1;--wave2-speed:.1;--wave2-amplitude:.5;--wave2-direction:-1}.wave.wave_mask.color2,.wave.wave_bottom.color2{z-index:6}.wave.wave_mask.color1,.wave.wave_bottom.color1{z-index:7}.wave.wave_mask:not(.color1):not(.color2),.wave.wave_bottom:not(.color1):not(.color2){z-index:8;--wave-height:var(--wave-mask-height,4.5vh)}