.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-1); }

.mapping-context-menu {
  background: var(--menu-background-color);
  width: 170px; }

.setting-menu__wrapper {
  position: absolute;
  right: 0;
  top: 2rem;
  outline: none;
  margin-top: 3px;
  padding: 0.25em 0;
  font-size: 14px;
  width: 146px;
  background: var(--brand-1);
  color: white;
  border-radius: 2px;
  will-change: transform;
  transform: translate3d(0, 0, 10px);
  backface-visibility: hidden; }
  .setting-menu__wrapper:before {
    /* creates tooltip arrowpoint */
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid var(--brand-1);
    top: -7px;
    right: 3px; }