@media (prefers-color-scheme: dark) {
	body {
		background: #1e1e1e;
		color: white;
	}

	.apexcharts-text {
		fill: white;
	}
	.apexcharts-legend-text {
		color: white !important;
	}
	.apexcharts-tooltip,
	.apexcharts-xaxistooltip {
		color: white !important;
		background: #303030 !important;
		border-color: #1e1e1e !important;
	}
	.apexcharts-tooltip-title {
		background: #3e3e3e !important;
		border-bottom-color: #1e1e1e !important;
	}
}

body {
	font-family: sans-serif;
}

a {
	color: #007acc;
}

button {
	border: none;
	color: white;
	padding: 10px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
}

form {
	margin: 0;
	display: inline-block;
}

td {
	vertical-align: center;
	padding: 4px 16px;
}
td:first-child {
	padding-right: 24px;
}

.chart {
	max-width: 650px;
	min-height: 400px;
}