/* stylelint-disable declaration-block-no-redundant-longhand-properties */
/* stylelint-disable custom-property-pattern */
/* stylelint-disable keyframes-name-pattern */

[data-text-clip-reveal] {
	& [data-word] {
		display: inline-block;
		clip-path: inset(0 0 100% 0);
		transform: translateY(100%);
		transition-property: clip-path, transform;
		transition-duration: 0s;
		transition-delay: 1s;
	}

	& [data-word-glue] {
		display: inline-block;
	}

	&[data-text-clip-reveal-active='immediate'] [data-word] {
		transition: none;
	}

	&[data-text-clip-reveal-active] [data-word] {
		clip-path: inset(0 0 0 0);
		transform: translateY(0);
		transition-delay: calc(
			var(--word-index) * var(--text-clip-reveal-stagger)
		);
		transition-duration: var(--text-clip-reveal-word-duration);
		transition-timing-function: var(--ease-out);
	}
}