.node-tooltips {
  position: absolute;
  bottom: -100px;
  left: -300px;
  width: 300px;
  padding: 10px;
  background: white;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(146, 146, 146, 0.09);

  &__title {
    margin: 10px 0;
    color: @text-color;
    font-weight: 500;
    font-size: @font-size-content;
  }

  &__row {
    display: flex;
    align-items: flex-start;
    margin: 4px 0;
    color: @text-color;
    font-size: 14px;

    &:first-child {
      margin-top: 0;
    }

    &:last-child {
      margin-bottom: 10px;
    }

    &__title {
      display: inline-block;
      width: 100px;
      color: @text-color-secondary;
      text-align: right;
    }

    &__value {
      flex: 1;
      min-width: 0;
      color: @text-color;
      font-weight: 500;
      word-break: break-all;
    }

    &__link {
      flex: 1;
      min-width: 0;
      font-weight: 500;

      &:hover {
        text-decoration: underline @underline-color;
      }
    }
  }
}
