/**
 * Перекат счётчика просмотров.
 *
 * Три состояния: покой, уезд вверх (гаснет) и всплытие снизу. Промежуточное
 * состояние помечено transition: none — иначе браузер успел бы увидеть
 * прыжок в нижнюю точку и прогнать его через тот же переход, откатывая
 * перекат обратно.
 */

.reelementor-views__num {
	display: inline-block;
}

.reelementor-views-roll {
	display: inline-block;
	transition: opacity 260ms ease, transform 260ms ease;
}

.reelementor-views-roll--out {
	opacity: 0;
	transform: translateY(-0.4em);
}

.reelementor-views-roll--in {
	transition: none;
	opacity: 0;
	transform: translateY(0.4em);
}

@media (prefers-reduced-motion: reduce) {
	.reelementor-views-roll,
	.reelementor-views-roll--out,
	.reelementor-views-roll--in {
		transition: none;
	}
}