/**
 * Typewriter — cursor + text stage
 * @version 1.3.1
 */

.jx-tw {
	--tw-cursor: #0f766e;
	--tw-cursor-w: 0.12em;
	display: inline;
	white-space: pre-wrap;
	border-right: var(--tw-cursor-w) solid var(--tw-cursor);
	padding-right: 0.05em;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

.jx-tw--blink {
	animation: jx-tw-blink 0.85s step-end infinite;
}

.jx-tw.is-done:not(.jx-tw--blink) {
	border-right-color: transparent;
}

@keyframes jx-tw-blink {
	50% {
		border-right-color: transparent;
	}
}

@media (prefers-reduced-motion: reduce) {
	.jx-tw--blink {
		animation: none;
	}
}
