.dwave{position:absolute;left:0;right:0;z-index:3;pointer-events:none;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:left top;mask-position:left top;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20' preserveAspectRatio='none'%3E%3Cpath d='M0 11 Q 7.5 1 15 11 T 30 11 T 45 11 T 60 11 V21 H0 Z' fill='%23000'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 20' preserveAspectRatio='none'%3E%3Cpath d='M0 11 Q 7.5 1 15 11 T 30 11 T 45 11 T 60 11 V21 H0 Z' fill='%23000'/%3E%3C/svg%3E")}
.dwave--bottom{bottom:0}
.dwave--top{top:0}
.dwave--flip{transform:rotate(180deg)}