.cc-chip-component{--chip-color-bg: var(--color-bg-subtle);--chip-color-fg: var(--color-text-default);--chip-color-transparency: 0%;align-items:center;background-color:color-mix(in srgb,var(--chip-color-bg),transparent var(--chip-color-transparency));border-radius:var(--radius-3);color:var(--chip-color-fg);display:inline-flex;gap:var(--space-4);min-height:2rem;padding:var(--space-2) var(--space-4)}.cc-chip-opaque{--chip-color-fg: var(--color-neutrals-white);text-shadow:0 var(--border-1) 0 var(--color-transparent-black-20)}.cc-chip-opaque svg{filter:drop-shadow(0 var(--border-1) 0 var(--color-transparent-black-20))}.cc-chip-aqua-translucent{--chip-color-bg: var(--color-aqua-200);--chip-color-fg: var(--color-aqua-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-aqua-translucent{--chip-color-fg: var(--color-aqua-200);--chip-color-transparency: 90%}.cc-chip-aqua-opaque{--chip-color-bg: var(--color-aqua-400)}.cc-chip-blue-translucent{--chip-color-bg: var(--color-blue-100);--chip-color-fg: var(--color-blue-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-blue-translucent{--chip-color-bg: var(--color-blue-200);--chip-color-fg: var(--color-blue-100);--chip-color-transparency: 90%}.cc-chip-blue-opaque{--chip-color-bg: var(--color-blue-200)}.dark-mode .cc-chip-blue-opaque{--chip-color-bg: var(--color-blue-300)}.cc-chip-brown-translucent{--chip-color-bg: var(--color-brown-200);--chip-color-fg: var(--color-brown-500);--chip-color-transparency: 80%}.dark-mode .cc-chip-brown-translucent{--chip-color-fg: var(--color-brown-200);--chip-color-transparency: 90%}.cc-chip-brown-opaque{--chip-color-bg: var(--color-brown-300)}.cc-chip-fuchsia-translucent{--chip-color-bg: var(--color-fuchsia-200);--chip-color-fg: var(--color-fuchsia-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-fuchsia-translucent{--chip-color-fg: var(--color-fuchsia-200);--chip-color-transparency: 90%}.cc-chip-fuchsia-opaque{--chip-color-bg: var(--color-fuchsia-300)}.cc-chip-gold-translucent{--chip-color-bg: var(--color-gold-200);--chip-color-fg: var(--color-gold-500);--chip-color-transparency: 80%}.dark-mode .cc-chip-gold-translucent{--chip-color-fg: var(--color-gold-200);--chip-color-transparency: 90%}.cc-chip-gold-opaque{--chip-color-bg: var(--color-gold-300)}.cc-chip-gray-opaque{--chip-color-bg: var(--color-gray-500)}.dark-mode .cc-chip-gray-opaque{--chip-color-bg: var(--color-gray-600)}.cc-chip-green-translucent{--chip-color-bg: var(--color-green-300);--chip-color-fg: var(--color-green-600);--chip-color-transparency: 80%}.dark-mode .cc-chip-green-translucent{--chip-color-bg: var(--color-green-600);--chip-color-fg: var(--color-green-300);--chip-color-transparency: 70%}.cc-chip-green-opaque{--chip-color-bg: var(--color-green-300)}.cc-chip-orange-translucent{--chip-color-bg: var(--color-orange-200);--chip-color-fg: var(--color-orange-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-orange-translucent{--chip-color-fg: var(--color-orange-200);--chip-color-transparency: 90%}.cc-chip-orange-opaque{--chip-color-bg: var(--color-orange-300)}.cc-chip-purple-translucent{--chip-color-bg: var(--color-purple-100);--chip-color-fg: var(--color-purple-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-purple-translucent{--chip-color-bg: var(--color-purple-200);--chip-color-fg: var(--color-purple-100);--chip-color-transparency: 90%}.cc-chip-purple-opaque{--chip-color-bg: var(--color-purple-300)}.cc-chip-red-translucent{--chip-color-bg: var(--color-red-200);--chip-color-fg: var(--color-red-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-red-translucent{--chip-color-fg: var(--color-red-200);--chip-color-transparency: 90%}.cc-chip-red-opaque{--chip-color-bg: var(--color-bg-danger)}.cc-chip-skin-translucent{--chip-color-bg: var(--color-skin-200);--chip-color-fg: var(--color-skin-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-skin-translucent{--chip-color-fg: var(--color-skin-200);--chip-color-transparency: 90%}.cc-chip-skin-opaque{--chip-color-bg: var(--color-skin-400)}.cc-chip-slate-translucent{--chip-color-bg: var(--color-slate-200);--chip-color-fg: var(--color-slate-400);--chip-color-transparency: 80%}.dark-mode .cc-chip-slate-translucent{--chip-color-fg: var(--color-slate-200);--chip-color-transparency: 90%}.cc-chip-slate-opaque{--chip-color-bg: var(--color-slate-300)}.dark-mode .cc-chip-slate-opaque{--chip-color-bg: var(--color-slate-400)}