@import "@Themes/constants.scss";

.root {
	min-width: 100px;
	max-width: 320px;
	background: $white;
	border-radius: 5px !important;
	position: fixed;
	transition: opacity 0.2s ease-in-out;
	text-align: left;
	filter: drop-shadow($shadow-tooltip);
	opacity: 0;
	pointer-events: none;
	img {
		width: 22px;
		height: 22px;
	}
}

.root-content {
	padding: 12px;
}

.show {
	opacity: 1;
}

.carrot {
	position: absolute;
	right: 20px;
	margin-top: -4px;
	fill: $white;
}