.dot-grid{z-index:0;pointer-events:none;-webkit-mask-composite:destination-in;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%),linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 12% 88%,#0000 100%),linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.dot-grid__wrap{pointer-events:all;width:100%;height:100%}.dot-grid__canvas{width:100%;height:100%;display:block}