.nc-widget-qualiopi-satisfaction {
	--nc-qualiopi-track: #e7edf4;
	--nc-qualiopi-fill: #0f6a83;
	--nc-qualiopi-fill-alt: #21a0b5;
	--nc-qualiopi-text: #123142;
	max-width: 780px;
	margin: 0 auto;
}

.nc-widget-qualiopi-satisfaction-title {
    font-size: 1.6rem !important;
	margin: 0 0 1.4rem;
	color: var(--nc-qualiopi-text);
}

.nc-qualiopi-bars {
	display: grid;
	gap: 1rem;
}

.nc-qualiopi-bar-item {
	display: grid;
	gap: 0.5rem;
}

.nc-qualiopi-bar-header {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 0.75rem;
}

.nc-qualiopi-bar-label {
	font-weight: 600;
	color: var(--nc-qualiopi-text);
}

.nc-qualiopi-bar-value {
	font-weight: 700;
	color: var(--nc-qualiopi-fill);
	min-width: 3ch;
	text-align: right;
}

.nc-qualiopi-bar-track {
	height: 16px;
	border-radius: 999px;
	background: var(--nc-qualiopi-track);
	overflow: hidden;
}

.nc-qualiopi-bar-fill {
	display: block;
	height: 100%;
	width: 0;
	border-radius: 999px;
	background: linear-gradient(90deg, var(--nc-qualiopi-fill), var(--nc-qualiopi-fill-alt));
	transition: width 1200ms cubic-bezier(0.16, 1, 0.3, 1);
}

@media (max-width: 640px) {
	.nc-qualiopi-bar-header {
		font-size: 0.95rem;
	}

	.nc-qualiopi-bar-track {
		height: 14px;
	}
}