/* Claims its own row inside the flex add-to-cart / variations button area. */
.uix-stock-bar {
	flex: 0 0 100%;
	width: 100%;
	margin-block: 15px;
}

.uix-stock-bar[hidden] {
	display: none;
}

.uix-stock-bar__track {
	overflow: hidden;
	height: var(--stock-bar-height, 6px);
	border-radius: var(--stock-bar-radius, 10px);
	background-color: var(--stock-bar-background, var(--color-gray, #eaeaea));
}

.uix-stock-bar__fill {
	width: var(--progress, 0%);
	height: 100%;
	border-radius: inherit;
	background-color: var(--stock-bar-fill-color, var(--color-primary, #d0473e));
	transition: width 0.4s ease;
}

.uix-stock-bar__message {
	margin-block: 0 8px;
	color: var(--stock-bar-text-color, var(--color-heading, #111));
}

@media (prefers-reduced-motion: reduce) {

	.uix-stock-bar__fill {
		transition: none;
	}
}