/**
 * Text Shimmer Motion Styles
 */

.wp-block-surge-blocks-text-shimmer-motion {
	position: relative;
	display: block;
	max-width: 100%;
    overflow: visible;
}

/* Individual characters */
.wp-block-surge-blocks-text-shimmer-motion span {
	display: inline-block;
	position: relative;
	white-space: pre; /* Preserve spaces if not using   */
	
	/* Animation */
	animation-name: surge-shimmer-wave;
	animation-duration: var(--surge-wave-speed, 2s);
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	
	/* Default color is inherited from block supports (currentColor) */
	/* We animate color and scale */
}

/* Keyframes */
@keyframes surge-shimmer-wave {
	0% {
		color: currentColor;
		transform: scale(1);
	}
	25% {
		color: currentColor;
		transform: scale(1);
	}
	50% {
		color: var(--surge-shimmer-color, #E68200);
		transform: scale(1.2);
	}
	75% {
		color: currentColor;
		transform: scale(1);
	}
	100% {
		color: currentColor;
		transform: scale(1);
	}
}