.event-statistics-content {
	padding: 24px;
	background: #f3f5f7;
}

.event-statistics-view {
	display: grid;
	gap: 20px;
}

.event-statistics-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 20px;
}

.event-statistics-card {
	min-width: 0;
	padding: 20px;
	background: #ffffff;
	border: 1px solid #dfe3e7;
}

.event-statistics-card > div[id^="chart_div"] {
	width: 100%;
	height: 330px;
}

.event-statistics-trend > div[id^="chart_div"] {
	height: 390px;
}

.event-statistics-trend #change-chart {
	margin-bottom: 8px;
}

.event-statistics-mode {
	max-width: calc(50% - 10px);
}

@media (max-width: 850px) {
	.event-statistics-grid {
		grid-template-columns: 1fr;
	}

	.event-statistics-mode {
		max-width: none;
	}
}

@media (max-width: 600px) {
	.event-statistics-content {
		padding: 14px;
	}

	.event-statistics-card {
		padding: 12px;
	}

	.event-statistics-card > div[id^="chart_div"],
	.event-statistics-trend > div[id^="chart_div"] {
		height: 310px;
	}
}