/* Widget: text care se aprinde litera cu litera. */

.icc-rev {
	--icc-rev-durata: 2.5s;
	--icc-rev-total: 1;
	--icc-rev-moliciune: 8;
	--icc-rev-dim: rgba(255, 255, 255, 0.38);
	--icc-rev-activ: #ffffff;

	--icc-rev-pas: calc(var(--icc-rev-durata) / var(--icc-rev-total));
	--icc-rev-fade: calc(var(--icc-rev-pas) * var(--icc-rev-moliciune));

	margin: 0;
	font-family: var(--icc-font-serif);
	font-size: var(--icc-fs-h3, 2.5rem);
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: var(--icc-ls-display, -0.03em);
	color: var(--icc-rev-activ);
	text-align: center;
	text-wrap: pretty;
}

.icc-rev__w {
	display: inline-block;
	white-space: nowrap;
}

.icc-rev__c {
	color: inherit;
}

.icc-rev.is-gata .icc-rev__c {
	color: var(--icc-rev-dim);
}

.icc-rev.is-porneste .icc-rev__c {
	animation: icc-rev-aprinde var(--icc-rev-fade) linear forwards;
	animation-delay: calc(var(--icc-rev-i, 0) * var(--icc-rev-pas));
}

@keyframes icc-rev-aprinde {
	to {
		color: var(--icc-rev-activ);
	}
}

.icc-rev.is-reset .icc-rev__c {
	animation: none;
}

@media (prefers-reduced-motion: reduce) {
	.icc-rev.is-gata .icc-rev__c,
	.icc-rev.is-porneste .icc-rev__c {
		animation: none;
		color: var(--icc-rev-activ);
	}
}