.eblp-progress-bar__track-wrap {
	position: relative;
}

.eblp-progress-bar__track {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.eblp-progress-bar__fill {
	height: 100%;
	transition: width 0.3s ease;
}

/* Positioned by its own inline `left: N%`, matching the fill's width, then centered over that point
   so the bubble straddles the exact progress mark rather than starting from it. */
.eblp-progress-bar__flyout {
	position: absolute;
	bottom: 100%;
	left: 0;
	transform: translateX(-50%);
	white-space: nowrap;
	display: inline-block;
}

.eblp-progress-bar__flyout-arrow {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid;
}