/* default uit */
body:not(.is-touch-device) .mouse-follower { 
	transform: scale(0,0);
	transition: 0.2s ease all, 0.1s ease-out top, 0.1s ease-out left;
}

/* follower actief */
body[mouse-follower-state="active"]:not(.is-touch-device) .mouse-follower {
	transform: scale(1,1);
	transition:none!important;
	background-color:#fc0;
	width:16px;
	height:16px;
	display:block;
	pointer-events:none;
	margin-top:-8px;
	margin-left:-8px;
	border-radius:20px;
}

/* hover state (JS bepaalt dit) */
body[mouse-follower-state="hover"]:not(.is-touch-device) .mouse-follower { 
	transform: scale(3,3);
	mix-blend-mode:hard-light;
	transition:0.1s ease all, 0.01s ease-out top, 0.01s ease-out left!important;
}

/* cursor alleen verbergen als follower echt actief is */
body[mouse-follower-state="active"]:not(.is-touch-device),
body[mouse-follower-state="hover"]:not(.is-touch-device) {
	cursor:auto!important;
}