.calix-tooltip-popover {
	position: fixed;
	inset: auto;
	z-index: 3000;
	box-sizing: border-box;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #9c9c9c;
	background: #fff;
	color: #000;
	font-size: 12px;
	line-height: 1.4;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
	max-width: min(300px, calc(100vw - 24px));
	width: min(300px, calc(100vw - 24px));
}

.calix-tooltip-popover.calix-tooltip-popover--wide {
	max-width: min(495px, calc(100vw - 24px));
	width: min(495px, calc(100vw - 24px));
}

.calix-tooltip-popover.calix-tooltip-popover--narrow {
	max-width: min(240px, calc(100vw - 24px));
	width: min(240px, calc(100vw - 24px));
	background: #ffffbb;
}

.calix-tooltip-popover img {
	max-width: 100%;
	height: auto;
}