.iim-map--label .iim-marker--label-position-top,
.iim-map--label .iim-marker--label-position-right,
.iim-map--label .iim-marker--label-position-bottom,
.iim-map--label .iim-marker--label-position-left {
	display: grid;
	gap: 0;
	width: var(--iim-marker-size, 44px);
	min-width: 44px;
	height: var(--iim-marker-size, 44px);
	min-height: 44px;
	padding: 0;
}

.iim-map--label .iim-marker--none.iim-marker--label-position-top,
.iim-map--label .iim-marker--none.iim-marker--label-position-right,
.iim-map--label .iim-marker--none.iim-marker--label-position-bottom,
.iim-map--label .iim-marker--none.iim-marker--label-position-left {
	width: max(44px, var(--iim-icon-size-mobile, 30px));
	height: max(44px, var(--iim-icon-size-mobile, 30px));
}

.iim-map--label .iim-marker--label-position-top .iim-marker__text,
.iim-map--label .iim-marker--label-position-right .iim-marker__text,
.iim-map--label .iim-marker--label-position-bottom .iim-marker__text,
.iim-map--label .iim-marker--label-position-left .iim-marker__text,
.iim-marker--label .iim-marker__text {
	display: inline;
	position: absolute;
	margin: 0;
	white-space: nowrap;
	color: var(--iim-marker-label-color, var(--iim-marker-color));
	pointer-events: none;
}

.iim-map--label .iim-marker--label-position-right .iim-marker__text {
	left: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%);
}

.iim-map--label .iim-marker--label-position-left .iim-marker__text {
	right: calc(100% + 10px);
	top: 50%;
	transform: translateY(-50%);
}

.iim-map--label .iim-marker--label-position-top .iim-marker__text {
	bottom: calc(100% + 15px);
	left: 50%;
	transform: translateX(-50%);
}

.iim-map--label .iim-marker--label-position-bottom .iim-marker__text {
	top: calc(100% + 15px);
	left: 50%;
	transform: translateX(-50%);
}

@media (min-width: 701px) {
	.iim-map--label .iim-marker--label-position-top,
	.iim-map--label .iim-marker--label-position-right,
	.iim-map--label .iim-marker--label-position-bottom,
	.iim-map--label .iim-marker--label-position-left {
		min-width: 44px;
	}

	.iim-map--label .iim-marker--none.iim-marker--label-position-top,
	.iim-map--label .iim-marker--none.iim-marker--label-position-right,
	.iim-map--label .iim-marker--none.iim-marker--label-position-bottom,
	.iim-map--label .iim-marker--none.iim-marker--label-position-left {
		width: max(44px, var(--iim-icon-size-desktop, 36px));
		height: max(44px, var(--iim-icon-size-desktop, 36px));
	}
}