/*Cursor*/
	.cursor-dot{pointer-events:none; mix-blend-mode:difference; z-index:999; position:fixed; top:50%; left:50%; border-radius:50%; opacity:0; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); transition:opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out; transition:opacity 0.3s ease-in-out, transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;}

	.cursor-dot{width:0px; height:0px; background:var(--white-05);}

		/*DragAndDrop*/
		.cursor-dot{transition:width 0.35s ease-in-out, height 0.35s ease-in-out;}
		.cursor-dot.active{width:85px; height:85px; background:var(--black-06); mix-blend-mode:hard-light;}

			/*Arrows*/
			.cursor-dot::before,
			.cursor-dot::after{width:10px; height:16px; position:absolute; top:0; bottom:0; margin:auto; background:url(../../images/sp_arrows_slider.svg) no-repeat; content:'';}

			.cursor-dot::before{right:10px; background-position:0px 0px;}

			.cursor-dot::after{left:10px; background-position:0px -25px;}

				/*Arrows Animations*/
				.cursor-dot::before,
				.cursor-dot::after{transform:scale(0.5); -webkit-transform:scale(0.5); transform-origin:center; opacity:0; transition:all 0.35s ease-in-out; -webkit-transition:all 0.35s ease-in-out; transition-delay:0s; -webkit-transition-delay:0s; will-change:transform, opacity;}

				.cursor-dot.active::before,
				.cursor-dot.active::after{transform:scale(1); -webkit-transform:scale(1); opacity:1; transition-delay:0.35s; -webkit-transition-delay:0.35s;}