/**
 * Curseur animé Kart — styles frontend.
 */

body.wca-active:not( .wca-over-clickable ),
body.wca-active:not( .wca-over-clickable ) * {
	cursor: none !important;
}

body.wca-active.wca-over-clickable,
body.wca-active.wca-over-clickable * {
	cursor: revert !important;
}

body.wca-active.wca-over-clickable .wca-layer {
	visibility: hidden;
}

.wca-layer {
	position: fixed;
	inset: 0;
	pointer-events: none;
	z-index: 2147483647;
	overflow: hidden;
}

.wca-kart {
	position: absolute;
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform-origin: center center;
	will-change: transform;
	opacity: 0;
	transition: opacity 0.15s ease;
	filter: drop-shadow( 0 2px 3px rgba( 0, 0, 0, 0.25 ) );
}

.wca-kart.is-visible {
	opacity: 1;
}

.wca-smoke {
	position: absolute;
	inset: 0;
}

.wca-puff {
	position: absolute;
	display: block;
	border-radius: 50%;
	background: radial-gradient(
		circle,
		rgba( 200, 200, 200, 0.55 ) 0%,
		rgba( 170, 170, 170, 0.35 ) 45%,
		rgba( 150, 150, 150, 0 ) 72%
	);
	will-change: transform, opacity;
	pointer-events: none;
}

@media ( prefers-reduced-motion: reduce ) {
	.wca-kart {
		transition: none;
	}
}