.apexcharts-canvas{
    font-family: var(--bs-body-font-family);
	
	.apexcharts-tooltip.apexcharts-theme-light {
		border: 1px solid var(--bs-border-color);
		background: rgba(var(--bs-body-bg-rgb), 0.85);
		backdrop-filter: blur(10px);
		padding-bottom: 5px;
	}
	.apexcharts-tooltip {
		box-shadow: var(--bs-box-shadow-sm);
	}
	.apexcharts-tooltip-title {
		margin-bottom: 5px;
		padding: 8px 12px;
		color: var(--bs-body-color);
	}
	.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
		background: var(--bs-light);
		border-bottom: 1px solid var(--bs-border-color);
	}
	.apexcharts-tooltip-marker {
		width: 8px;
		height: 8px;
		margin-right: 8px;
	}
	.apexcharts-tooltip-y-group{
		padding: 1px 0;
	}
	.apexcharts-tooltip-series-group.apexcharts-active,
	.apexcharts-tooltip-series-group:last-child{
		padding-bottom: 5px;
	}
	.apexcharts-tooltip-series-group {
		padding: 5px 10px;
	}
	.apexcharts-tooltip * {
		font-family: inherit !important;
	}
	.apexcharts-xaxistooltip,
	.apexcharts-yaxistooltip{
		padding: 6px 8px;
		color: var(--bs-body-color);
		border-radius: 4px;
		background: rgba(var(--bs-body-bg-rgb), 0.8);
		border: 1px solid var(--bs-border-color);
		backdrop-filter: blur(10px);		
	}
	.apexcharts-xaxistooltip-bottom:before {
		border-bottom-color: var(--bs-border-color);
	}
	.apexcharts-xaxistooltip-bottom:after {
		border-bottom-color: var(--bs-body-bg);
	}
	.apexcharts-yaxistooltip-left:before {
		border-left-color: var(--bs-border-color);
	}
	.apexcharts-yaxistooltip-left:after {
		border-left-color: var(--bs-body-bg);
	}
}