.magnetLines-container{display:grid;grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows),1fr);justify-items:center;align-items:center;width:80vmin;height:80vmin}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate))}.waves{margin:0;padding:0;width:100%;height:100%;overflow:hidden}.waves,.waves:before{position:absolute;top:0;left:0}.waves:before{content:"";width:.5rem;height:.5rem;background:#160000;border-radius:50%;transform:translate3d(calc(var(-.5rem) - 50%),calc(var(50%) - 50%),0);will-change:transform}.waves-canvas{display:block;width:100%;height:100%}