:root {
	--color-map-bounding-box: rgba(99, 170, 241, 0.5);
}

.jodit-ui-map {
	position: relative;
	height: 100%;
	background-color: #f6f6f6;

	&__map-root {
		height: 100%;
	}

	&__map-size {
		position: absolute;
		top: 50%;
		left: 50%;
		border: 1px dotted var(--color-map-bounding-box);
		pointer-events: none;
		transform: translateX(-50%) translateY(-50%);

		&:after,
		&:before {
			position: absolute;
			top: 50%;
			left: 50%;
			display: block;
			width: 1px;
			height: 30px;
			background-color: var(--color-map-bounding-box);
			content: '';
			transform: translateY(-50%);
		}

		&:before {
			width: 30px;
			height: 1px;
			transform: translateX(-50%);
		}
	}

	&_info-opened_true &__map-size {
		display: none;
	}

	&__map-palette {
		position: absolute;
		top: 5px;
		left: 50%;
		background-color: #fff;
		transform: translateX(-50%);

		.jodit-ui-group {
			flex-wrap: nowrap;
		}
	}
}