.nam-freight-wrap {
  position: relative;
  width: 100%;
}

.nam-map {
  width: 100%;
  aspect-ratio: 5 / 3;
  background: #e7ebef;
}

/* Legend container */
.nam-freight-legend{
  position: absolute;
  right: 6rem;
  left: auto !important;
  top: -5rem;
  z-index: 10;
}

.legend-title {
  font-weight: 700;
  margin-bottom: 6px;
}

.legend-bar {
  display: flex;
  height: 10px;
  margin-bottom: 4px;
}

.legend-bar span {
  flex: 1;
}
.legend-img {
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

.legend-labels {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
  margin-bottom: 8px;
}

.legend-nodes div {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}

.dot.rail { background:#6684C6; }
.dot.inland { background:#43b02a; }
.dot.sea { background:#00a9e0; }
.dot.intermodal { background:#0032a0; }

.star::before {
  content: "?";
  color: #da291c;
  font-size: 12px;
}