.marker_container {
    position: absolute;
    transform: translate(-50%, -50%);
}

.marker_container.big {
    width: 38px;
    height: 38px;
}

.marker_container.medium {
    width: 28px;
    height: 28px;
}

.marker_text {
    position: absolute;
    background: white;
    left: 18px;
    bottom: 9px;
    z-index: -1;
    border-radius: 8px;
    padding: 4px 4px 4px 16px;
    font-size: 14px;
    line-height: 16px;
    color: var(--color-text);
    font-weight: 500;
}

.marker.big {
    transform-origin: 50% 57%;
    width: 38px;
    height: 38px;
}
.marker.medium {
    transform-origin: 50% 55%;
    width: 28px;
    height: 28px;
}

.marker_text.big {
    display: inline-block;
}

.marker_text.medium {
    display: none;
}

.marker_text.small {
    display: none;
}

.marker_icon.big {
    position: absolute;
    left: 11px;
    bottom: 9px;
}

.marker_icon.small {
    display: none;
}

.marker_icon.medium {
    position: absolute;
    left: var(--left-medium-marker);
    bottom: var(--bottom-medium-marker);
}