.xp-anim-reveal.svelte-pfcdc5 {
		animation: svelte-pfcdc5-xp-forecast-reveal 0.5s ease 1;
	}

	.xp-anim-blink.svelte-pfcdc5 {
		animation: svelte-pfcdc5-xp-forecast-blink 0.45s ease 2;
	}

	.xp-anim-heal.svelte-pfcdc5 {
		animation: svelte-pfcdc5-xp-forecast-heal 0.8s ease 1;
	}

	.xp-anim-lose.svelte-pfcdc5 {
		animation: svelte-pfcdc5-xp-forecast-lose 0.9s ease 1;
	}

	@keyframes svelte-pfcdc5-xp-forecast-reveal {
		from {
			transform: scale(0.6);
			opacity: 0;
		}
		60% {
			transform: scale(1.2);
		}
		to {
			transform: scale(1);
			opacity: 1;
		}
	}

	@keyframes svelte-pfcdc5-xp-forecast-blink {
		0%,
		100% {
			transform: scale(1);
			opacity: 1;
		}
		50% {
			transform: scale(1.25);
			opacity: 0.25;
		}
	}

	@keyframes svelte-pfcdc5-xp-forecast-heal {
		from {
			transform: scale(1.3);
			color: var(--color-success);
		}
		to {
			transform: scale(1);
		}
	}

	@keyframes svelte-pfcdc5-xp-forecast-lose {
		from {
			transform: scale(1.2);
			color: var(--color-danger);
		}
		to {
			transform: scale(1);
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.xp-anim-reveal.svelte-pfcdc5,
		.xp-anim-blink.svelte-pfcdc5,
		.xp-anim-heal.svelte-pfcdc5,
		.xp-anim-lose.svelte-pfcdc5 {
			animation: none;
		}
	}