/**
 * @file
 * Chips: pill labels in the DDS tone pairs.
 */

:where(.gdrfad-dds) .dds-chip,
.gdrfad-dds-embedded .dds-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--gap-gap-xs);
  min-block-size: 24px;
  padding-inline: var(--padding-padding-sm);
  border-radius: var(--radius-pill);
  background: var(--neutral-neutral-variant);
  color: var(--neutral-on-neutral-variant);
  font-size: var(--font-size-small);
  font-weight: 700;
  line-height: var(--line-height-small);
  white-space: nowrap;
}

:where(.gdrfad-dds) .dds-chip--neutral,
.gdrfad-dds-embedded .dds-chip--neutral {
  background: var(--neutral-neutral-variant);
  color: var(--neutral-on-neutral-variant);
}

:where(.gdrfad-dds) .dds-chip--primary,
.gdrfad-dds-embedded .dds-chip--primary {
  background: var(--primary-primary-variant);
  color: var(--primary-on-primary-variant);
}

:where(.gdrfad-dds) .dds-chip--secondary,
.gdrfad-dds-embedded .dds-chip--secondary {
  background: var(--secondary-secondary-variant);
  color: var(--secondary-on-secondary-variant);
}

:where(.gdrfad-dds) .dds-chip--info,
.gdrfad-dds-embedded .dds-chip--info {
  background: var(--info-info-variant);
  color: var(--info-on-info-variant);
}

:where(.gdrfad-dds) .dds-chip--success,
.gdrfad-dds-embedded .dds-chip--success {
  background: var(--success-success-variant);
  color: var(--success-on-success-variant);
}

:where(.gdrfad-dds) .dds-chip--warning,
.gdrfad-dds-embedded .dds-chip--warning {
  background: var(--warning-warning-variant);
  color: var(--warning-on-warning-variant);
}

:where(.gdrfad-dds) .dds-chip--error,
.gdrfad-dds-embedded .dds-chip--error {
  background: var(--error-error-variant);
  color: var(--error-on-error-variant);
}