.top-right {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 199995;
  pointer-events: none;
}

.top-right img {
  width: 100%;
  height: 100%;
  z-index: 199996;
  pointer-events: none;
}

.top-right .map-marker-text {
  right: 35px;
}

.top-right .map-fullscreen-btn {
  right: 5px;
}

.top-left {
  position: absolute;
  left: 15px;
  top: 15px;
  z-index: 199995;
  pointer-events: none;
}

.top-left img {
  width: 100%;
  height: 100%;
  z-index: 199996;
  pointer-events: none;
}

.top-left .map-marker-text {
  left: 35px;
}

.top-left .map-fullscreen-btn {
    left: 5px;
}

.bottom-right {
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 199995;
  pointer-events: none;
}

.bottom-right img {
  width: 100%;
  height: 100%;
  z-index: 199996;
  pointer-events: none;
}

.bottom-right .map-marker-text {
  right: 35px;
  top: -35px;
}

.bottom-right .map-fullscreen-btn {
    right: 5px;
    top: -33px;
}

.bottom-left {
  position: absolute;
  left: 15px;
  bottom: 15px;
  z-index: 199995;
  pointer-events: none;
}

.bottom-left img {
  width: 100%;
  height: 100%;
  z-index: 199996;
  pointer-events: none;
}

.bottom-left .map-marker-text {
  left: 35px;
  top: -35px;
}

.bottom-left .map-fullscreen-btn {
    left: 5px;
    top: -33px;
}

.map {
    transition: width 0.2s;
}

.map-marker {
  position: absolute;
  z-index: 199997;
  transform: translate(-50%, -50%);
  cursor: pointer;
  pointer-events: all;
}

.map-marker-text {
  position: absolute;
  z-index: 199997;
  background-color: #141414;
  padding: 5px 15px;
  border-radius: 1rem;
  color: white;
}

.map-fullscreen-btn {
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    cursor: pointer;
    pointer-events: all;
}

.is-not-fullscreen {
    background-image: url("../assets/controls/fullscreen_24dp.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.is-fullscreen {
    background-image: url("../assets/controls/fullscreen_exit_24dp.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}