@charset "UTF-8";

main>section.row>section.main#total>div#diagram.column {
	margin-top: auto;
	width: 100%;
	height: fit-content;
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

main>section.row>section.main#total>div#diagram.column:has(svg.chart) {
	padding-left: 1rem;
}

main>section.row>section.main#total>div#diagram.column>svg.pie {
	height: min(30%, 300px);
}

main>section.row>section.main#total>div#diagram.column>small.formula {
	margin: 0 1.4rem;
	padding-right: 4rem;
	font-size: 0.8rem;
	color: var(--diagram-legend-text-color);
}

main>section.row>section.main#total>div#diagram.column>svg.chart {
	margin: -2.5rem -1rem -3rem;
	width: calc(100% + 1rem);
}

main>section.row>section.main#total>div#diagram.column>div.background {
	width: 100%;
	height: 170px;
}
