/* Demo 3: magnetic circle */
.brandberry-cursor--demo3 {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	overflow: visible;
	pointer-events: none;
	z-index: var(--brandberry-cursor-z-index, 2147483646);
}

.brandberry-cursor--demo3 .brandberry-cursor__outer {
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	border-radius: 50%;
	border: 1px solid var(--brandberry-cursor-outer, #fff);
	box-sizing: border-box;
	transform-origin: center center;
}

.brandberry-cursor--demo3 .brandberry-cursor__inner {
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	border-radius: 50%;
	width: 5px;
	height: 5px;
	background-color: var(--brandberry-cursor-dot, #fff);
	transform-origin: center center;
}