.magnetLines-container{display:grid;justify-items:center;align-items:center;flex-shrink:0;aspect-ratio:1/1;overflow:visible;pointer-events:none}.magnetLines-container.hero-magnet-square{width:min(40vmin,22rem);height:min(40vmin,22rem);max-width:22rem;max-height:22rem}.magnetLines-container span{display:block;transform-origin:center;will-change:transform;transform:rotate(var(--rotate));border-radius:999px;transition:background-color .2s ease}@media (prefers-reduced-motion:reduce){.magnetLines-container span{transition:none}}