.next-interactive-lines {
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.next-interactive-lines canvas {
height: 100%;
width: 100%;
position: absolute;
}
.next-interactive-lines[data-spotlight='true'] canvas { --size: calc(var(--mask-size, 100) * 1px);
mask: radial-gradient(
var(--size) var(--size) at calc(var(--mx, 0) * 1px)
calc(var(--my, 0) * 1px),
hsl(0 0% 100%),
hsl(0 0% 100% / var(--intensity, 0.2)) 80%
);
}
.next-interactive-lines__content{
position: relative;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}