[data-text-scroll-reveal] {
	& [data-per] {
		display: inline-block;
		transition-property: all;
		transition-timing-function: var(--ease-in-out);
		transition-duration: 500ms;
		opacity: 0;

		padding-block: 0.1em;
		margin-block: -0.1em;
		padding-inline: 0.1em;
		margin-inline: -0.1em;

		&[data-text-scroll-reveal-per-active] {
			opacity: 1;
		}
	}

	& [data-per-glue] {
		white-space: nowrap;
	}
}