/* Extral Charts — layout */

.extral-chart {
	max-width: 100%;
	box-sizing: border-box;
	overflow: visible;
	min-width: 0;
}

.extral-chart__header {
	margin-bottom: 12px;
}

.extral-chart--has-legend .extral-chart__header {
	margin-bottom: 16px;
}

.extral-chart__title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.35;
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	overflow: visible;
}

.extral-chart__subtitle {
	margin-top: 4px;
	font-size: 14px;
	line-height: 1.35;
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
	overflow: visible;
}

.extral-chart__canvas {
	width: 100%;
	min-height: 240px;
	box-sizing: border-box;
	overflow: visible;
}

.extral-chart__note {
	margin-top: 12px;
	font-size: 11px;
	line-height: 1.4;
	color: #555;
	text-align: center;
	max-width: 100%;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}