@dialpad/dialtone-css/lib/build/less/recipes/grouped_chip.less

Dialpad's design system

.d-recipe-grouped-chip {
  display: inline-flex;
  white-space: nowrap;
  background-color: unset;
  background-image: unset;

  .d-chip__text {
    font-size: var(--dt-font-size-100);
  }
}

.d-recipe-grouped-chip__content {
  font-variant-numeric: tabular-nums;
}

.d-recipe-grouped-chip__content-left {
  max-width: var(--dt-size-730);
  background-color: var(--dt-color-surface-moderate-opaque);
  border-top-left-radius: var(--dt-size-radius-pill);
  border-bottom-left-radius: var(--dt-size-radius-pill);
}

.d-recipe-grouped-chip__content-right {
  max-width: var(--dt-size-730);
  background-color: var(--dt-color-purple-200);
  border-top-right-radius: var(--dt-size-radius-pill);
  border-bottom-right-radius: var(--dt-size-radius-pill);
}