/* Animations - hidden styles */

.-allow-animations [data-animate="word"],
.-allow-animations [data-animate="fade"],
.-allow-animations [data-animate="swim-top"],
.-allow-animations [data-animate="swim-left"],
.-allow-animations [data-animate="swim-right"] {
	opacity: 0;
}

.-allow-animations [data-animate="scale"] {
	transform: scale(0);
}

.-allow-animations [data-animate="swim-top"] {
	transform: translate(0px, 70px);
}

.-allow-animations [data-animate="swim-left"] {
	transform: translate(70px, 0px);
}

.-allow-animations [data-animate="swim-right"] {
	transform: translate(-70px, 0px);
}

.-allow-animations [data-animate="word"] .animate-word {
	clip-path: inset(0 -10px 0 0);
}

.-allow-animations [data-animate="word"] .animate-word__inner {
	display: inline-block;
	transform: translateY(100%);
}

.-allow-animations [data-animate="word"] .widget {
	transform: translateY(100%);
	opacity: 0;
	transition: transform 0.7s, opacity 0.7s;
}


/* Animations - show styles */

.-allow-animations [data-animate="word"].-animated {
	opacity: 1;
}

.-allow-animations [data-animate="word"].-animated .animate-word__inner {
	transform: translateY(0%);
	transition: transform 0.7s;
}

.-allow-animations [data-animate="word"].-animated .widget {
	transition: transform 0.7s, opacity 0.7s;
	transition-delay: 0.4s;
	transform: translateY(0);
	opacity: 1;
}

.-allow-animations [data-animate="fade"].-animated {
	opacity: 1;
	transition: opacity 0.7s;
}

.-allow-animations [data-animate="scale"].-animated {
	transform: scale(1);
	transition: transform 0.5s;
}

.-allow-animations [data-animate="swim-top"].-animated,
.-allow-animations [data-animate="swim-left"].-animated,
.-allow-animations [data-animate="swim-right"].-animated {
	opacity: 1;
	transform: translate(0px, 0px);
	transition: opacity 0.7s, transform 0.7s;
}