*,
*::after,
*::before {
	box-sizing: border-box;
}

:root {
	--columns: 100;
	--cursor-radius: 0;
}

.anima-cursor {
	--cursor-bg: #0eb5e6;
}

.cursor {
	height: 100%;
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	pointer-events: none;
	z-index: 99;
	--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: linear-gradient(102deg, rgba(18,180,229,1) 0%, rgba(11,103,231,1) 100%);
	opacity: 0;
	border-radius: var(--cursor-radius);
}