#cursor {position: fixed;z-index: 999999;left: 0;top: 0;pointer-events: none;will-change: transform;}

@media (hover: hover) and (pointer: fine) {
	.cursor__circle {width: 0rem;height: 0rem;margin-top: -50%;margin-left: -50%;border-radius: 50%;background: transparent;border: solid 1px transparent;}

	#cursor.arrow .cursor__circle{width: 12.2rem;height: 12.2rem;background:rgba(229, 50, 44, 0.8);border: transparent;}

	#cursor.arrow::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

	#cursor.arrowDrag .cursor__circle{width: 12.0rem;height: 12.0rem;background: rgba(229, 50, 44, 1);border: transparent;}

	#cursor.arrowDrag::after{content: '';position: absolute;left: 0;top: 0;transform:translate(-50%,-10%);width: 100%;height: 100%;content: 'View More'; font-size: 15px;color: #fff;text-align:center;}


	#cursor.subtle .cursor__circle{width: 5.0rem;height: 5.0rem;opacity: 0.3;}

	#cursor.subLink .cursor__circle{width: 5.0rem;height: 5.0rem;opacity: 0.8;}

	#cursor.overlay .cursor__circle{width: 4.8rem;height: 4.8rem;background-color: rgba(227, 222, 193, 1);border-color: transparent;}

	#cursor.arrowPrev1 .cursor__circle{width: 5.0rem;height: 5.0rem;opacity: 0.3;}
}