/* Ring charts drawn by assets/js/area-charts.js into [data-kb-area-charts] */
.kb-area-charts {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1.5rem;
	padding: 1rem;
}
@media (min-width: 768px) {
	.kb-area-charts { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.kb-area-charts__cell {
	padding: 2rem;
	border-radius: .5rem;
	background: #faf7f2;
}
.kb-area-charts__canvas { display: block; }
.kb-area-charts__legend {
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
}
.kb-area-charts__legend li {
	display: flex;
	align-items: center;
	margin-bottom: .5rem;
	padding: 0;
	font-size: .875rem;
}
.kb-area-charts__dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 8px;
	border-radius: 50%;
}
.kb-area-charts__label { flex: 1; }
.kb-area-charts__share { margin-left: 8px; }