.resource-flight-layer.svelte-y6151g {
		pointer-events: none;
		position: fixed;
		inset: 0;
		z-index: 1100;
		overflow: hidden;
		contain: layout style paint;
	}

	.resource-flight-item.svelte-y6151g {
		position: fixed;
		top: var(--flight-start-y);
		left: var(--flight-start-x);
		width: 1.25rem;
		height: 1.25rem;
		opacity: 0;
		will-change: transform, opacity;
		animation: svelte-y6151g-resource-flight var(--flight-duration) cubic-bezier(0.25, 0.8, 0.35, 1)
			var(--flight-delay) both;
	}

	.resource-flight-item-energy.svelte-y6151g {
		color: var(--color-warning);
	}

	.resource-flight-item-fragments.svelte-y6151g {
		color: var(--color-fragments, var(--color-accent-strong));
	}

	@keyframes svelte-y6151g-resource-flight {
		0% {
			opacity: 0;
			transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(0.95) rotate(0deg);
		}

		15% {
			opacity: 1;
			transform: translate(-50%, -50%) translate3d(0, 0, 0) scale(1) rotate(0deg);
		}

		72% {
			opacity: 1;
			transform: translate(-50%, -50%) translate3d(var(--flight-end-x), var(--flight-end-y), 0)
				scale(1) rotate(var(--flight-rotation));
		}

		100% {
			opacity: 0;
			transform: translate(-50%, -50%) translate3d(var(--flight-end-x), var(--flight-end-y), 0)
				scale(1) rotate(var(--flight-rotation));
		}
	}

	@media (prefers-reduced-motion: reduce) {
		.resource-flight-layer.svelte-y6151g {
			display: none;
		}
	}