.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(--x,0px) - 50%), calc(var(--y,0px) - 50%), 0);will-change:transform;background:#160000;border-radius:50%;position:absolute;top:0;left:0}.waves-canvas{width:100%;height:100%;display:block}
.ripple-distortion{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.ripple-distortion canvas{width:100%;height:100%;display:block}
.warp-text{isolation:isolate;border-radius:inherit;width:100%;min-height:220px;display:block;position:relative;overflow:hidden}.warp-text canvas{width:100%;height:100%;display:block;position:absolute;inset:0}