@import "../vars.less";
.hive-badge{
  display: inline-block;
  position: relative;
  .hive-badge__number {
    border-radius: @badge-border-radius-default;
  }
}
.hive-badge__count{
  .hive-badge__number{
    position: absolute;
    right: 0;
    top: 0;
    transform: translate(50%,-50%);
    width: 6px;
    height: 6px;
    background: @error-color;
    border-radius: 100%;
    color: #fff;
  }
}
.hive-badge--circle{
  display: flex;
  align-items: center;
  .hive-badge__number{
    padding: 1px 5px;
    line-height: 14px;
    font-size: @smalltext-level-1-size;
    height: 16px;
    margin-left: 16px;
    user-select:none;
    color: #fff;
  }
}
.hive-badge--error{
  .hive-badge__number{
    background: @error-color;
  }
}
.hive-badge--info{
  .hive-badge__number{
    background: #D0E3F5;
    color: @primary-color;
  }
}
.hive-badge--success{
  .hive-badge__number{
    background: @success-color;
  }
}
.hive-badge--warn{
  .hive-badge__number{
    background: @warning-color;
  }
}
.hive-badge--disabled{
  .hive-badge__number{
    background: @disabled-color;
  }
}