.worldcluster {
  position: relative;
  height: 100%;
  cursor: default;

  .map-wrapper {
    height: 100%;
    background-color: $tooltip-background-color;
    &.hover {
      cursor: pointer;
    }
  }

  svg.marker-layer {
    position: absolute;
    z-index: 999; // because openstreetmap's default is 400-700
    pointer-events: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  &.zooming {
    .cluster {
      transition: 0.1s;
      opacity: 0;
    }
  }
}