@mixin legendRules($legend) {
  $p_color_indicator_radius: map-get($legend, "colorIndicatorRadius");
  $p_label_font_size: map-get($legend, "fontSize");
  $p_label_fg_color: map-get($legend, "fgColor");
  $p_label_bg_color: map-get($legend, "bgColor");
  
  text-align: center;

  .legend-group {
    display: inline-block;
    padding: 5px 10px;

    .color-indicator {
      display: inline-block;
      /*
      width: $p_color_indicator_radius;
      height: $p_color_indicator_radius;
      border-radius: $p_color_indicator_radius; */
      width: 26px;
      height: 15px;
      border-radius: 16px;
      margin-right: 2px;
      vertical-align: middle;
      border: none;
      position: relative;
      top: -1px;
    }
    .label {
      font-size: $p_label_font_size;
      /* color: $p_label_fg_color; */
      color: #222;
      /* background-color: $p_label_bg_color; */
      vertical-align: middle;
    }
    .legend-label {
        background-color: transparent;
        padding: 0;
    }
  }
}