:root {
  --primary: #b3db69;
  --secondary: #ff881e;
  --ternary: #0082f3;
  --dark-grey: #4B505C;
  --mid-grey: #aaadb0;
  --light-grey: #c8c8c8;
  --light-grey: #c8c8c8;
  --gentle-blue: #e4ebf3;
  --grey-with-transparency: #4B505C0D;
  --error: #ea384c;
  --font-poppins: Poppins, sans-serif;
}

.search-documents-map {
  margin: 0;
  background: white;
  border-radius: 14px;
  padding: 0;
  position: relative;
  overflow: visible;
  display: block;
  width: 100%;
}
.search-documents-map .search-documents-map-layout {
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
  align-items: start;
}
.search-documents-map .search-documents-map-canvas {
  background: white;
  border-radius: 14px;
  padding: 0.35rem;
  min-height: 300px;
  flex: 1 1 auto;
  min-width: 0;
}
.search-documents-map .search-documents-map-canvas svg {
  display: block;
  width: 100%;
  height: auto;
  background: white;
}
.search-documents-map .search-documents-map-country {
  stroke: #8a8f99;
  stroke-width: 0.7;
}
.search-documents-map .search-documents-map-country-clickable {
  cursor: pointer;
}
.search-documents-map .search-documents-map-country-clickable:hover {
  stroke: var(--dark-grey);
  stroke-width: 1.1;
}
.search-documents-map .search-documents-map-legend {
  background: white;
  border-radius: 14px;
  padding: 0.7rem 0.85rem;
  flex: 0 0 165px;
  border: 1px solid rgba(102, 107, 118, 0.22);
  margin-top: 0.75rem;
  margin-left: -7.5rem;
  margin-right: 0.75rem;
  position: relative;
  z-index: 2;
}
.search-documents-map .search-documents-map-legend-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.45rem;
}
.search-documents-map .search-documents-map-legend-item:last-child {
  margin-bottom: 0;
}
.search-documents-map .search-documents-map-status {
  margin: 0;
}
.search-documents-map .search-documents-map-legend-swatch {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  flex: 0 0 16px;
}

.search-documents-map > :first-child {
  margin-top: 0;
  padding-top: 0;
}

.search-documents-map > :last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.search-documents-map-tooltip {
  position: fixed;
  z-index: 5000;
  background: rgba(36, 36, 36, 0.95);
  color: white;
  padding: 0.6rem 0.75rem;
  border-radius: 14px;
  pointer-events: none;
  max-width: 220px;
}

.search-documents-map-tooltip-title {
  font-weight: 600;
  margin-bottom: 0.35rem;
}

.search-documents-map-tooltip-count {
  margin-bottom: 0.35rem;
}

@media screen and (max-width: 1499px) {
  .search-documents-map .search-documents-map-legend {
    flex-basis: 82.5px;
  }
}
@media screen and (max-width: 1099px) {
  .search-documents-map .search-documents-map-legend {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .search-documents-map .search-documents-map-layout {
    flex-wrap: wrap;
  }
  .search-documents-map .search-documents-map-canvas {
    padding: 0.5rem;
  }
  .search-documents-map .search-documents-map-legend {
    flex-basis: 100%;
  }
}