/* demo固有。template.css の色・フォントを増やさない */

.progress-control {
	display: grid;
	gap: .5em;
	margin-bottom: 1.5em;
}

.progress-control input {
	width: 100%;
}

.value-track {
	position: relative;
	width: 100%;
	height: 1px;
	margin: 6px;
	background: var(--c-border);
}

.value-track i {
	position: absolute;
	top: -6px;
	left: calc(var(--value, 0) * 100%);
	width: 13px;
	height: 13px;
	border: 2px solid var(--c-white);
	border-radius: 50%;
	background: var(--c-blue);
	transform: translateX(-50%);
}