.result-wrapper {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  justify-content: space-between;
}

.join-text {
  font-size: 14px;
  fill: var(--brand-1);
  font-family: ProximaNovaA-Regular;
  position: relative;
}

p:focus {
  outline: none;
}

.join-path {
  stroke: var(--brand-1);
  fill: none;
  stroke-width: 2.5px;
}

.removed-path {
  stroke: var(--hazard);
}

.edited-path {
  stroke: var(--warning);
}

.datasource-join {
  align-self: flex-end;
  margin-bottom: 5px;
  margin-left: auto;
  cursor: pointer;
}

.mapping-ctx-menu .ba-dropdown-menu-content {
  z-index: var(--z-index-layer-2);
}