/* CARD et HERO BADGE */

.ro-badge{
  display: inline-flex;
  align-items: center;
  gap: var(--ro-space-4);
  
  padding: 0 var(--ro-space-8);
  border-radius: var(--ro-radius-24);
  border: 1px solid transparent;
  white-space: nowrap;
}

.ro-badge--success{
  background: var(--ro-succ-50);
  color: var(--ro-succ-700);
  border-color: var(--ro-succ-200);
}

.ro-badge--danger{
  background: var(--ro-err-50);
  color: var(--ro-err-700);
  border-color: var(--ro-err-200);
}

.ro-badge--muted{
  background: var(--ro-neutral-50);
  color: var(--ro-neutral-700);
  border-color: var(--ro-neutral-200);
}

.ro-badge--new{
  background: var(--ro-card-chip-bg, var(--ro-neutral-50));
  color: var(--ro-card-chip-text, var(--ro-dolphing-700));
  border-color: var(--ro-card-border, var(--ro-neutral-200));
}

/* SCORELINE BADGE */
.ro-scoreline{
  display: inline-flex;
  align-items: center;
  gap: var(--ro-space-4);
  color: var(--ro-card-meta, var(--ro-dolphing-700));
}

.ro-scoreline__new{
  display: inline-flex;
  align-items: center;
  gap: var(--ro-space-4);
  padding: 0 var(--ro-space-8);
  border-radius: var(--ro-radius-24);
  background: var(--ro-card-chip-bg, var(--ro-neutral-50));
  color: var(--ro-card-chip-text, var(--ro-dolphing-700));
  border: 1px solid var(--ro-card-border, var(--ro-neutral-200));
  white-space: nowrap;
}

.ro-scoreline__rating{
  display: inline-flex;
  align-items: center;
  gap: var(--ro-space-4);
  padding: 0 var(--ro-space-8);
  border-radius: var(--ro-radius-24);
  background: var(--ro-card-chip-bg, var(--ro-neutral-50));
  color: var(--ro-card-chip-text, var(--ro-dolphing-700));
  border: 1px solid var(--ro-card-border, var(--ro-neutral-200));
  white-space: nowrap;
}

.ro-scoreline__value{
  color: currentColor;
}

.ro-scoreline__icon{
  color: currentColor;
  font-size: var(--ro-size-18);
  line-height: 1;
}

.ro-scoreline__votes{
  color: currentColor;
  white-space: nowrap;
}