/*
 * Κινήσεις του ανθρωπάκου: «ανεβαίνει» στο φόρτωμα και το κεφάλι κινείται απαλά.
 * Σταματούν όταν ο επισκέπτης έχει ζητήσει λιγότερη κίνηση από τη συσκευή του.
 */
.wp-block-coins-mascot {
	width: 100%;
}

.coins-scene {
	display: block;
	width: 100%;
	height: auto;
}

@keyframes coins-rise {
	from {
		transform: translateY(70px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes coins-bob {
	0%,
	100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

.coins-rise {
	animation: coins-rise 1s cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.coins-scene .coins-head {
	animation: coins-bob 2.6s ease-in-out 1.1s infinite;
	transform-box: fill-box;
	transform-origin: center;
}

@media (prefers-reduced-motion: reduce) {
	.coins-rise,
	.coins-scene .coins-head {
		animation: none;
	}
}