.sui-iconbadge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}
.sui-iconbadge--sm {
  width: 1.75rem;
  height: 1.75rem;
}
.sui-iconbadge--md {
  width: 2rem;
  height: 2rem;
}
.sui-iconbadge--blue {
  color: var(--color-blue);
  background: color-mix(in srgb, var(--color-blue) 14%, transparent);
}
.sui-iconbadge--purple {
  color: var(--color-purple);
  background: color-mix(in srgb, var(--color-purple) 14%, transparent);
}
.sui-iconbadge--green {
  color: var(--color-green);
  background: color-mix(in srgb, var(--color-green) 14%, transparent);
}
.sui-iconbadge--amber {
  color: var(--color-amber);
  background: color-mix(in srgb, var(--color-amber) 14%, transparent);
}
.sui-iconbadge--red {
  color: var(--color-red);
  background: color-mix(in srgb, var(--color-red) 14%, transparent);
}