/* Spin motion effects — blur + pointer ticks during wheel spin */

.wsww-chart.wsww-is-spinning,
#preview-chart.wsww-is-spinning,
.spinner-wrapper.wsww-is-spinning {
	will-change: filter;
}

.wsww-chart.wsww-spin-blur > svg,
#preview-chart.wsww-spin-blur > svg,
.spinner-wrapper.wsww-spin-blur .wsww-chart > svg {
	filter: blur(0.55px);
	transition: filter 120ms linear;
}

.wsww-wheel-pointer.is-ticking image,
.wsww-preview-arrow.is-ticking image {
	animation: wsww-pointer-tick 85ms ease-out;
	transform-origin: center center;
	transform-box: fill-box;
}

@keyframes wsww-pointer-tick {
	0% {
		transform: rotate(0deg);
	}
	40% {
		transform: rotate(-8deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wsww-chart.wsww-spin-blur > svg,
	#preview-chart.wsww-spin-blur > svg,
	.spinner-wrapper.wsww-spin-blur .wsww-chart > svg {
		filter: none;
	}

	.wsww-wheel-pointer.is-ticking image,
	.wsww-preview-arrow.is-ticking image {
		animation: none;
	}
}