.dot-grid{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.dot-grid__wrap{width:100%;height:100%;position:relative}.dot-grid__canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}
.waves{width:100%;height:100%;margin:0;padding:0;position:absolute;top:0;left:0;overflow:hidden}.waves:before{content:"";width:.5rem;height:.5rem;transform:translate3d(calc(var(--wave-x-offset) - 50%), calc(var(--wave-y-offset) - 50%), 0);will-change:transform;background:#160000;border-radius:50%;position:absolute;top:0;left:0}.waves-canvas{width:100%;height:100%;display:block}