/* Basis-Layout für das Bricks-Element "donut-chart".
   Farben, Typografie und Größen kommen aus den Style-Controls. */

.brxe-donut-chart .ec-chart__title {
	margin: 0 0 1.5rem;
}

.brxe-donut-chart .ec-chart__body {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2rem;
}

.brxe-donut-chart .ec-chart__canvas {
	flex: 1 1 260px;
	min-width: 200px;
	max-width: 340px;
}

.brxe-donut-chart .ec-chart__legend {
	flex: 1 1 220px;
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.55rem;
}

.brxe-donut-chart.ec-chart--legend-bottom .ec-chart__body {
	flex-direction: column;
	align-items: flex-start;
}

.brxe-donut-chart.ec-chart--legend-bottom .ec-chart__legend {
	width: 100%;
}

.brxe-donut-chart .ec-chart__item {
	display: grid;
	grid-template-columns: 1.15em auto;
	align-items: center;
	gap: 0.6em;
	line-height: 1.3;
}

.brxe-donut-chart .ec-chart__swatch {
	width: 1.15em;
	height: 1.15em;
	border-radius: 2px;
}

.brxe-donut-chart .ec-chart__value {
	display: block;
	font-size: 0.85em;
	opacity: 0.7;
	font-variant-numeric: tabular-nums;
}