.app-chips-disabled {
  --wm-chips-opacity: 0.38;
  --wm-chips-pointer-events: none;
}

.app-chips-active-item,
.app-chips-active-item-text {
  --wm-chips-color: var(--wm-color-on-surface-variant);
  --wm-chips-background-color: var(--wm-color-secondary-container);
  --wm-chips-item-border-color: var(--wm-color-secondary-container);
}

.chips-filled-default {
  --wm-chips-border-width: 0;
  --wm-chips-background-color: var(--wm-color-surface);
  --wm-chips-color: var(--wm-color-on-surface);
}

.chips-filled-primary {
  --wm-chips-border-width: 0;
  --wm-chips-background-color: var(--wm-color-primary);
  --wm-chips-color: var(--wm-color-on-primary);
}

.chips-filled-secondary {
  --wm-chips-border-width: 0;
  --wm-chips-background-color: var(--wm-color-secondary);
  --wm-chips-color: var(--wm-color-on-secondary);
}

.chips-filled-tertiary {
  --wm-chips-border-width: 0;
  --wm-chips-background-color: var(--wm-color-tertiary);
  --wm-chips-color: var(--wm-color-on-tertiary);
}

.chips-elevated {
  --wm-chips-border-width: 0;
  --wm-chips-shadow: var(--wm-elevation-shadow-1);
}