:root {
	--tooltip-bg-color: #1a1a1a;
	--tooltip-text-color: #ffffff;
	--tooltip-stroke-color: #333333;
}

.container .content {
	background-color: #1a1a1a;
	background-color: var(--tooltip-bg-color);
	color: #ffffff;
	color: var(--tooltip-text-color);
	border: var(--component-border-width-sm) solid #333333;
	border: var(--component-border-width-sm) solid var(--tooltip-stroke-color);
	border-radius: var(--component-radii-md);
	padding: var(--component-spacing-sm) var(--component-spacing-md);
	font: var(--font-body-xs-default);
	max-width: 70vw;
	width: auto;
	box-shadow: var(--elevation-medium);
}

.animated {
	transition: all 0.3s ease-in-out;
}

/* Arrow styling for react-tooltip v5 */

.container :global([class*='core-styles-module_arrow']) {
	background-color: #1a1a1a !important;
	background-color: var(--tooltip-bg-color) !important;
	border: var(--component-border-width-sm) solid #333333 !important;
	border: var(--component-border-width-sm) solid var(--tooltip-stroke-color) !important;
}

.container :global([class*='styles-module_arrow']) {
	background-color: #1a1a1a !important;
	background-color: var(--tooltip-bg-color) !important;
	border: var(--component-border-width-sm) solid #333333 !important;
	border: var(--component-border-width-sm) solid var(--tooltip-stroke-color) !important;
}

/* Universal arrow styling - target arrows using attribute selectors */

.container :global([class*='react-tooltip__place-top'] > [class*='styles-module_arrow']),
.container :global([class*='react-tooltip__place-right'] > [class*='styles-module_arrow']),
.container :global([class*='react-tooltip__place-bottom'] > [class*='styles-module_arrow']),
.container :global([class*='react-tooltip__place-left'] > [class*='styles-module_arrow']) {
	border-top-color: transparent !important;
	border-right-color: #333333 !important;
	border-right-color: var(--tooltip-stroke-color) !important;
	border-bottom-color: #333333 !important;
	border-bottom-color: var(--tooltip-stroke-color) !important;
	border-left-color: transparent !important;
}