.cursor {
	--columns: 30;
	--border-radius: 0;
	--background-color: #5cafc1;
	--blending-mode: normal;
	height: 100%;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	z-index: 99;
	mix-blend-mode: var(--blending-mode);
	--size: calc(100vw / var(--columns));
}

.cursor__inner {
	display: grid;
	grid-template-columns: repeat(var(--columns), var(--size));
}

.cursor__inner-box {
	width: var(--size);
	height: var(--size);
	background: var(--background-color);
	opacity: 0;
	border-radius: var(--border-radius);
}