/**
 * Home search typewriter ghost text.
 *
 * @package DirectoryEngine_Child
 */

.zp-app-search-bar__field {
	position: relative;
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	align-items: center;
}

.zp-app-search-bar__field .zp-app-search-bar__input {
	width: 100%;
	flex: 1 1 auto;
	min-width: 0;
}

.zp-app-search-typewriter {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	color: #64748b;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.35;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.zp-app-search-typewriter.is-active::after {
	content: '';
	display: inline-block;
	width: 1px;
	height: 1.05em;
	margin-left: 1px;
	vertical-align: text-bottom;
	background: currentColor;
	opacity: 0.75;
	animation: zp-home-typewriter-caret 1s step-end infinite;
}

.zp-app-search-bar__input--typewriter {
	caret-color: #2563eb;
}

@keyframes zp-home-typewriter-caret {
	50% {
		opacity: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.zp-app-search-typewriter.is-active::after {
		animation: none;
		opacity: 0.55;
	}
}