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

[data-text-clip-reveal] {
	& [data-text-clip-reveal-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-intersection-visible] [data-text-clip-reveal-word],
	&[data-text-clip-immediate] [data-text-clip-reveal-word] {
		clip-path: inset(0 0 0 0);
		transform: translateY(0);
		transition-delay: calc(
			var(--text-clip-reveal--word-index) *
			var(--text-clip-reveal--stagger)
		);
		transition-duration: var(--text-clip-reveal--word-duration);
		transition-timing-function: var(--ease-out);
	}
}