.xandertrade-mcw-progress {
	--xandertrade-mcw-accent: #c95d18;
	--xandertrade-mcw-background: #fff8f2;
	--xandertrade-mcw-border: #edc29f;
	margin: 0 0 1.5rem;
	padding: 1rem 1.125rem;
	border: 1px solid var(--xandertrade-mcw-border);
	border-radius: 8px;
	background: var(--xandertrade-mcw-background);
	color: #33271f;
}

.xandertrade-mcw-progress.is-reached {
	--xandertrade-mcw-accent: #217a4b;
	--xandertrade-mcw-background: #f1faf5;
	--xandertrade-mcw-border: #a9d8bc;
}

.xandertrade-mcw-progress__header {
	display: flex;
	gap: 1rem;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 0.625rem;
}

.xandertrade-mcw-progress__track {
	overflow: hidden;
	height: 0.625rem;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.1);
}

.xandertrade-mcw-progress__bar {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--xandertrade-mcw-accent);
	transition: width 240ms ease;
}

.xandertrade-mcw-progress__message {
	margin: 0.625rem 0 0;
	font-size: 0.925em;
}

.xandertrade-mcw-progress.is-compact {
	margin: 0.75rem 0;
	padding: 0.75rem;
	font-size: 0.9em;
}

@media (prefers-reduced-motion: reduce) {
	.xandertrade-mcw-progress__bar {
		transition: none;
	}
}