.ep-sync-progress-bar {
	background: var(--ep-sync-color-light-grey);
	display: flex;
	overflow: hidden;
	text-align: center;
}

.ep-sync-progress-bar,
.ep-sync-progress-bar__progress {
	border-radius: 0.875em;
}

.ep-sync-progress-bar__progress {
	background: var(--wp-admin-theme-color);
	color: var(--ep-sync-color-white);
	padding: 0 0.875em;
	transition: all 500ms ease-in-out;
	white-space: nowrap;

	@nest .ep-sync-progress-bar--complete & {
		background: var(--ep-sync-color-success);
	}

	@nest .ep-sync-progress-bar--paused & {
		opacity: 0.5;
	}
}