22

✏️ Editing: itext.css

.w-itext {
	margin: 0;
	padding: 0;
	position: relative;
	transform: translate3d(0, 0, 0);
	/* remove gradient from Headings color, as it doesn't work in Chrome */
	background-image: none;
	-webkit-background-clip: border-box;
	background-clip: border-box;
	color: inherit;
	}
	.w-itext-part {
		display: inline-block;
		width: auto;
		position: relative;
		text-align: inherit;
		transition-property: width;
		}
	.rtl .w-itext-part {
		display: inline-block;
		}
	.w-itext-part.dynamic > span {
		text-align: inherit;
		}
	.w-itext.disable_part_animation * {
		white-space: normal !important;
		}
	.w-itext-part.notransition {
		transition-property: none !important;
		}
		.w-itext-part > span.measure {
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
			}
		.w-itext-part > span:first-child > span {
			max-width: 100%;
			visibility: hidden;
			}
		.w-itext-part > span > span[class^="animated_"] {
			visibility: visible;
			}
		.w-itext-part-nospan {
			visibility: visible !important;
			}
	.w-itext.dynamic_bold .dynamic {
		font-weight: bold;
		}
	.w-itext.type_typingChars .w-itext-part {
		transition-property: none !important;
		width: auto !important;
		}
	.w-itext.type_zoomInChars .w-itext-part {
		white-space: nowrap;
		}
		.w-itext-cursor {
			border-left: 2px solid;
			animation: blink 1.1s infinite;
			}

/* Animation classes for iText only */
.animated_fadeIn {
	animation-name: fade;
	animation-duration: 0.7s;
	animation-fill-mode: both;
	}
.animated_zoomIn {
	animation-name: afc;
	animation-duration: 0.7s;
	animation-fill-mode: both;
	}
.animated_fadeOut {
	animation-name: fadeOut;
	animation-duration: 0.7s;
	animation-fill-mode: both;
	}

@keyframes fadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes blink {
	0% { opacity:1; }
	20% { opacity:0; }
	50% { opacity:0; }
	70% { opacity:1; }
	100% { opacity:1; }
	}

MR SKB