/**
 * UI Tweaks — Corner-Cursor Highlight Draw Effect
 *
 * Any element that gets picked up by highlight-cursor.js is given the
 * class below. This is the same visual as the original standalone demo,
 * just scoped so it can be dropped onto any word/heading anywhere.
 */
.lv-highlight-wrap {
	position: relative;
	display: inline-block;
}

.lv-highlight-box {
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 10;
	height: 0px;   /* animated by JS */
	width: 0%;     /* animated by JS */
	max-width: 100%;
	display: block;
	background: rgba(245, 166, 35, 0.22);
	border: 1px solid rgba(245, 166, 35, 0.85);
	box-shadow: 0 0 12px rgba(245, 166, 35, 0.35);
	backdrop-filter: blur(1px);
	overflow: visible;
}

.lv-highlight-cursor {
	position: absolute;
	right: -8px;
	bottom: -22px;
	z-index: 30;
	width: 26px;
	height: 28px;
	pointer-events: none;
}

.lv-highlight-text {
	position: relative;
	z-index: 20;
	padding: 0 16px;
}