@charset "UTF-8";
/* web-base/_colors.scss */
/* Interactive world map (Enable JavaScript: Distribution world map).
   Selectors match the CMS shell ids that distribution-world-map.m.js requires. */
#distribution-world-map {
  --ag-map-country: #ccc;
  --ag-map-country-active: #004ad6;
  --ag-map-country-hover: #01299e;
  --ag-map-distributor-marker: #7cc35d;
  --ag-map-stroke: #fff;
  width: 100%;
  max-width: 100%;
  line-height: 0;
  overflow: hidden;
}
#distribution-world-map svg {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2000/857;
  overflow: hidden;
}
#distribution-world-map svg > circle {
  display: none;
}
#distribution-world-map path.country {
  fill: var(--ag-map-country);
  stroke: var(--ag-map-stroke);
  stroke-width: 0.6;
  stroke-linejoin: round;
  cursor: default;
  transition: fill 120ms ease;
}
#distribution-world-map path.country.is-active {
  fill: var(--ag-map-country-active);
}
#distribution-world-map path.country.has-blurb {
  cursor: pointer;
}
#distribution-world-map path.country.has-blurb:hover, #distribution-world-map path.country.is-hovered {
  fill: var(--ag-map-country-hover);
}
#distribution-world-map .distributor-marker-group {
  cursor: pointer;
  pointer-events: auto;
}
#distribution-world-map .distributor-marker-group circle {
  display: block;
}
#distribution-world-map circle.distributor-marker-glow {
  fill: var(--ag-map-distributor-marker);
  fill-opacity: 0.45;
  stroke: none;
  pointer-events: none;
}
#distribution-world-map circle.distributor-marker {
  fill: var(--ag-map-distributor-marker);
  stroke: #fff;
  stroke-width: 1.5;
  pointer-events: auto;
}

/* Legend sits beside the map in the CMS shell; this stylesheet only loads for the map. */
.map-legend {
  color: #160f44;
}

.map-legend-swatch--shipped {
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 0.2rem;
  background: #004ad6;
}

.map-legend-swatch--partner {
  position: relative;
  width: 1.8rem;
  height: 1.8rem;
}
.map-legend-swatch--partner::before, .map-legend-swatch--partner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.map-legend-swatch--partner::before {
  width: 1.8rem;
  height: 1.8rem;
  background: #7cc35d;
  opacity: 0.35;
  filter: blur(0.3rem);
}
.map-legend-swatch--partner::after {
  width: 1.2rem;
  height: 1.2rem;
  background: #7cc35d;
  box-shadow: 0 0 0 0.15rem #fff;
}

/* Avoid Bootstrap .tooltip collision — fixed to the viewport. */
#distribution-world-map-tooltip {
  --ag-map-tooltip-bg: #24263c;
  --ag-map-tooltip-fg: #fff;
  position: fixed;
  z-index: 1080;
  max-width: 28rem;
  padding: 1.2rem;
  border-radius: 0.6rem;
  background: var(--ag-map-tooltip-bg);
  color: var(--ag-map-tooltip-fg);
  pointer-events: auto;
  box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.18);
}
#distribution-world-map-tooltip[hidden] {
  display: none !important;
}
#distribution-world-map-tooltip .tooltip-title {
  display: block;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  font-weight: 500;
}
#distribution-world-map-tooltip .tooltip-body {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
#distribution-world-map-tooltip .tooltip-intro {
  margin: 0 0 1rem;
  opacity: 0.9;
}
#distribution-world-map-tooltip .tooltip-links {
  margin: 0;
}
#distribution-world-map-tooltip .tooltip-links a {
  color: rgb(80%, 85.8039215686%, 96.7843137255%);
  text-decoration: underline;
  text-underline-offset: 0.2rem;
}
#distribution-world-map-tooltip .tooltip-links a:hover {
  color: rgb(60%, 71.6078431373%, 93.568627451%);
}

/*# sourceMappingURL=distribution-world-map.scss.post.css.map */