.mgk-track {
	--mgk-track-blue: var(--accent);
}

.mgk-timeline--track .mgk-timeline__dot {
	border-color: var(--line);
	background: var(--surface);
	box-shadow: inset 0 0 0 3px var(--surface);
}

.mgk-timeline--track .mgk-timeline__dot--done,
.mgk-timeline--track .mgk-timeline__dot--current {
	background: var(--mgk-track-blue);
	border-color: var(--mgk-track-blue);
}

.mgk-timeline--track .mgk-timeline__bar {
	background: var(--line);
}

.mgk-pill--picking,
.mgk-pill--packed {
	background: color-mix(in srgb, var(--accent) 12%, var(--surface));
	color: var(--accent);
}

.mgk-track__item-qty,
.mgk-track__sum-paylabel,
.mgk-track__sum-count,
.mgk-track__sum-totlabel {
	color: var(--ink-2);
}

.mgk-track__sum-payval {
	color: var(--ink);
}

.mgk-track__act + .mgk-track__act {
	border-top-color: var(--line);
}