OwlCyberSecurity - MANAGER

Edit File: animated-text.css

.lakit-animated-text {
	margin: 0;
}
.lat-ef-fx7 .lakit-animated-text__animated-text-item span, .lat-ef-fx8 .lakit-animated-text__animated-text-item span {
	transform-origin: -200% 50%
}
.lakit-animated-text__after-text, .lakit-animated-text__before-text {
	display: inline
}
.lakit-animated-text__animated-text {
	color: var(--lakit-primary-color);
	display: inline;
	transition: width .3s
}
.lakit-animated-text__animated-text-item {
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	visibility: hidden;
	z-index: 1;
	display: inherit
}
.lakit-animated-text__animated-text-item.active {
	position: relative;
	z-index: 2
}
.lakit-animated-text__animated-text-item.visible {
	visibility: inherit
}
.lakit-animated-text__animated-text-item span {
	display: inline-block
}
.lat-ef-fx6 .lakit-animated-text__animated-text-item, .lat-ef-fx8 .lakit-animated-text__animated-text-item {
	perspective: 1000px;
	transform-origin: 50% 100%
}
.lat-ef-fx10 .lakit-animated-text__animated-text-item, .lat-ef-fx9 .lakit-animated-text__animated-text-item {
	perspective: 1000px
}
.lat-ef-fx9 .lakit-animated-text__animated-text-item span {
	transform-origin: 50% 100%
}
.lat-ef-fx12 .lakit-animated-text__animated-text-item span {
	overflow: hidden;
	transform-origin: 0 50%
}
.lat-ef-fx12 .lakit-animated-text__animated-text-item:after {
	width: 2px;
	overflow: hidden;
	display: inline-block;
	background-color: #000;
	animation: 1s step-end infinite blink;
	content: "|"
}
@keyframes blink {
	0%, to {
		opacity: 0
	}
	50% {
		opacity: 1
	}
}
.lakit-animated-text__after-text,
.lakit-animated-text__before-text {
	position: relative;
	z-index: 3;
}