[data-animation~="blob"] > span,
[data-animation~="wobble-light"] > span,
[data-animation~="wobble"] > span {
	animation: var(--animation);
	animation-composition: add;
	display: inline-block;

	white-space: pre-wrap;
}

@keyframes wobble {
	from {
		transform: translateY(-25%);
	}
	to {
		transform: translateY(25%);
	}
}

@keyframes wobble-light {
	from {
		transform: translateY(-8.33%);
	}
	to {
		transform: translateY(8.33%);
	}
}

@keyframes blob {
	from {
		transform: scale(0.85);
	}
	to {
		transform: scale(1.15);
	}
}
