.hid-badge{

}

.hid-badge {
  span.MuiBadge-badge {
    background-color: $ui-02 !important;
    color: $icon-03 !important;
  }
}

.hid-badge--primary {
  span.MuiBadge-badge {
    background-color: $ui-02 !important;
    color: $icon-02 !important;
  }
}

.hid-badge--secondary {
  span.MuiBadge-badge {
    background-color: $badge-03 !important;
    color: $icon-03 !important;
  }
}

.hid-badge--success {
  span.MuiBadge-badge {
    background-color: $status-01 !important;
    color: $icon-03 !important;
  }
}

.hid-badge--error {
  span.MuiBadge-badge {
    background-color: $status-02 !important;
    color: $icon-03 !important;
  }
}

.hid-badge--warning {
  span.MuiBadge-badge {
    background-color: $status-03 !important;
    color: $icon-02 !important;
  }
}

  .hid-badge--reverse{

  }

  .hid-badge--lightest{

  }

  .hid-badge__icon{

  }

  .hid-badge__icon--left{

  }


  .hid-badge__icon--right{

  }