.ui-badge {
  display:inline-flex;
  align-items:center;
  padding:4rpx 14rpx;
  border-radius:var(--radius-full);
  font-size:var(--font-size-xs);
  font-weight:var(--font-weight-medium);
  line-height:1.4;
  white-space:nowrap;
}
.ui-badge__dot {
  width:8rpx;
  height:8rpx;
  border-radius:50%;
  background:currentColor;
  margin-right:8rpx;
}
.ui-badge__label {
  font-size:inherit;
}
.ui-badge--success {
  background:var(--color-success-light);
  color:var(--color-success-strong);
}
.ui-badge--warning {
  background:var(--color-warning-light);
  color:var(--color-warning-strong);
}
.ui-badge--danger {
  background:var(--color-danger-light);
  color:var(--color-danger-strong);
}
.ui-badge--info {
  background:var(--color-info-light);
  color:var(--color-info-strong);
}
.ui-badge--disabled {
  background:var(--color-bg-disabled);
  color:var(--color-text-disabled);
}