.wave-edge{pointer-events:none;z-index:2;clip-path:inset(1px 0 0);height:clamp(48px,7vw,110px);position:absolute;bottom:calc(100% - 1px);left:0;right:0;overflow:hidden}.wave-edge--below{top:calc(100% - 1px);bottom:auto;rotate:180deg}.wave-edge__layer{background:var(--wave-color);-webkit-mask-image:var(--wave);-webkit-mask-image:var(--wave);mask-image:var(--wave);animation:14s linear infinite wave-drift;position:absolute;inset:0 0 0 -1440px;-webkit-mask-size:1440px 100%;mask-size:1440px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.wave-edge__layer--back{opacity:.45;animation-duration:21s;animation-direction:reverse}@keyframes wave-drift{to{transform:translate(1440px)}}