@import (reference) 'mongodb-compass/src/app/styles/index.less';

@popup-border-radius: 3px;
@popup-background-color: fade(@palette__white, 95%);

.popup {
  pointer-events: none;
}

// Override leaflet popup styles
:global(.leaflet-popup-content-wrapper) {
  background-color: @popup-background-color !important;
  border-radius: @popup-border-radius !important;
}

:global(.leaflet-container) {
  font-family: 'Euclid Circular A', 'Helvetica Neue', Helvetica, Arial,
    sans-serif;
  font-size: 12px;
  z-index: 1;
  background-color: transparent;
}

.line {
  display: block;
}

.key {
  color: @palette__gray--base;
}

.value {
  font-weight: 500;
}