/* https://stackoverflow.com/questions/14859322/css3-spin-animation */
.u-icon-rotation
{
	--rotation-speed: 1750ms;
	--rotation-animation-name: u-icon-rotation;

	display: inline-block;

	text-shadow: 0 0 3px transparent;

	-webkit-animation-name: var(--rotation-animation-name);
	-webkit-animation-duration: var(--rotation-speed);
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: var(--rotation-animation-name);
	-moz-animation-duration: var(--rotation-speed);
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;

	-ms-animation-name: var(--rotation-animation-name);
	-ms-animation-duration: var(--rotation-speed);
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;

	animation-name: var(--rotation-animation-name);
	animation-duration: var(--rotation-speed);
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.u-icon-rotation:hover
{
	--rotation-speed: 750ms !important;
	text-shadow: 0 0 3px dodgerblue;
	cursor: progress;
}

.u-icon-rotation:active
{
	--rotation-speed: 350ms !important;
}

@-ms-keyframes u-icon-rotation {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes u-icon-rotation {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes u-icon-rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes u-icon-rotation {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}