.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));
}
}