@import '../../../../theme';

.mapboxgl-map {
  width:100%;
  height:100%;
  position:absolute;
  left:0;right:0;top:0;bottom:0;
}

::ng-deep {
  .mapboxgl-popup-content {
    background-color: $tooltipBackground;
    color: $tooltipFontColor;
    font-family: $fontStack;
  }
  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: $tooltipBackground;
  }
}

@import '../../../../theme';

.mapboxgl-map {
  width:100%;
  height:100%;
  position:absolute;
  left:0;right:0;top:0;bottom:0;
}

::ng-deep {
  .mapboxgl-popup-content {
    background-color: $tooltipBackground;
    color: $tooltipFontColor;
    font-family: $fontStack;
  }
  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip,
  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip, {
    border-bottom: none;
    border-top-color: $tooltipBackground;
  }
  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-right: none;
  }
  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    border-left: none;
  }
  .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
    border-right: none;
    border-left-color: $tooltipBackground;
  }
  .mapboxgl-popup-anchor-left .mapboxgl-popup-tip,
  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-left: none;
    border-right-color: $tooltipBackground;
  }
  .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip,
  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-top: none;
    border-bottom-color: $tooltipBackground;
  }
  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-right: none;
  }
  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-left: none;
  }
}

Fix map tooltip tip color
Fix map tooltip tip color
