@import (reference) '../../../../styles/variables';
@import (reference) '../../../../styles/mixins';

.jodit-ui-tooltip {
	position: fixed;
	z-index: var(--z-index-tooltip);
	width: auto;
	max-width: 120px;
	padding: calc(var(--padding-default) / 4) calc(var(--padding-default) / 2);

	background: #727171;
	background-clip: padding-box;
	border-radius: 2px;
	color: #fff;

	.font();

	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	text-rendering: optimizeLegibility;
	transition: opacity 0.2s ease 0s;
	user-select: none;
	white-space: normal;

	@media (max-width: @screen-sm) {
		display: none;
	}
}

.jodit-ui-tooltip.jodit-ui-tooltip_visible_true {
	opacity: 1;
}