:root:not(.theme-dark) {
	--tv-color-platform-background: #f9f9f9;
	--tv-color-pane-background: #f9f9f9;
	--tv-color-pane-background-secondary: #f9f9f9;
	--tv-color-toolbar-button-background-expanded: #f9f9f9;
	--tv-color-toolbar-button-text: #8b919d;
	--tv-color-toolbar-button-text-hover: #8b919d;
	--tv-color-toolbar-button-text-active: #9FBE00;
	--tv-color-toolbar-button-text-active-hover: rgba(199, 238, 0, 0.8);
}

.theme-dark:root {
	--tv-color-platform-background: #18191e;
	--tv-color-pane-background: #18191e;
	--tv-color-pane-background-secondary: #18191e;
	--tv-color-toolbar-button-background-expanded: #18191e;
	--tv-color-toolbar-button-text: #8b919d;
	--tv-color-toolbar-button-text-hover: #8b919d;
	--tv-color-toolbar-button-text-active: #c7ee00;
	--tv-color-toolbar-button-text-active-hover: rgba(199, 238, 0, 0.8);
}

.TVChartContainer {
	width: 100%;
	height: 100%;
}

.apply-overflow-tooltip,
.apply-common-tooltip {
	@media screen and (max-width: 768px) {
		font-size: 12px !important;
	}
}

div[data-name='legend']>* {
	@media screen and (max-width: 768px) {
		font-size: 12px;
	}
}

div[data-name='legend-series-item']>* {
	@media screen and (max-width: 768px) {
		font-size: 12px !important;
	}
}

div[data-role='button']>* {
	@media screen and (max-width: 768px) {
		font-size: 12px;
	}
}

body,
table {
	@media screen and (max-width: 768px) {
		font-size: 12px;
	}
}