:root {
  --fdc-content-chip-game-bg: #DBEAFE;
  --fdc-content-chip-game-border: rgba(59, 130, 246, 0.22);
  --fdc-content-chip-game-text: #3B82F6;
  --fdc-content-chip-category-bg: #DBEAFE;
  --fdc-content-chip-category-border: rgba(59, 130, 246, 0.22);
  --fdc-content-chip-category-text: #3B82F6;
  --fdc-content-chip-neutral-bg: #f1f5f9;
  --fdc-content-chip-neutral-border: var(--fdc-border-panel, var(--fdc-color-border, #d6e3f2));
  --fdc-content-chip-neutral-text: #475569;
}

:root[data-theme='dark'] {
  --fdc-content-chip-game-bg: rgba(37, 99, 235, 0.22);
  --fdc-content-chip-game-border: rgba(96, 165, 250, 0.42);
  --fdc-content-chip-game-text: #bfdbfe;
  --fdc-content-chip-category-bg: rgba(37, 99, 235, 0.22);
  --fdc-content-chip-category-border: rgba(96, 165, 250, 0.42);
  --fdc-content-chip-category-text: #bfdbfe;
  --fdc-content-chip-neutral-bg: rgba(148, 163, 184, 0.2);
  --fdc-content-chip-neutral-border: var(--fdc-border-panel-strong, var(--fdc-color-border-strong, #4b6282));
  --fdc-content-chip-neutral-text: #e2e8f0;
}

.fdc-content-chip {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 8px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
}

.fdc-content-chip--game {
  background: var(--fdc-content-chip-game-bg);
  border-color: var(--fdc-content-chip-game-border);
  color: var(--fdc-content-chip-game-text);
}

.fdc-content-chip--category {
  background: var(--fdc-content-chip-category-bg);
  border-color: var(--fdc-content-chip-category-border);
  color: var(--fdc-content-chip-category-text);
}

.fdc-content-chip--category.is-free {
  background: #f1f5f9;
  border-color: rgba(148, 163, 184, 0.24);
  color: #475569;
}

.fdc-content-chip--category.is-info,
.fdc-content-chip--category.is-app {
  background: #dbeafe;
  border-color: rgba(59, 130, 246, 0.22);
  color: #2563eb;
}

.fdc-content-chip--category.is-deck {
  background: #e0e7ff;
  border-color: rgba(99, 102, 241, 0.22);
  color: #4f46e5;
}

.fdc-content-chip--category.is-collection,
.fdc-content-chip--category.is-shop {
  background: #dcfce7;
  border-color: rgba(34, 197, 94, 0.22);
  color: #15803d;
}

.fdc-content-chip--category.is-event {
  background: #fef3c7;
  border-color: rgba(245, 158, 11, 0.24);
  color: #b45309;
}

.fdc-content-chip--category.is-competition {
  background: #ffe4e6;
  border-color: rgba(244, 63, 94, 0.24);
  color: #e11d48;
}

.fdc-content-chip--category.is-promotion {
  background: #fce7f3;
  border-color: rgba(236, 72, 153, 0.22);
  color: #db2777;
}

.fdc-content-chip--category.is-notice {
  background: #e2e8f0;
  border-color: rgba(100, 116, 139, 0.2);
  color: #334155;
}

.fdc-content-chip--category.is-gamenews {
  background: #cffafe;
  border-color: rgba(6, 182, 212, 0.22);
  color: #0891b2;
}

.fdc-content-chip--neutral {
  background: var(--fdc-content-chip-neutral-bg);
  border-color: var(--fdc-content-chip-neutral-border);
  color: var(--fdc-content-chip-neutral-text);
}

:root[data-theme='dark'] .fdc-content-chip--category.is-free {
  background: rgba(148, 163, 184, 0.18);
  border-color: rgba(148, 163, 184, 0.28);
  color: #e2e8f0;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-info,
:root[data-theme='dark'] .fdc-content-chip--category.is-app {
  background: rgba(37, 99, 235, 0.22);
  border-color: rgba(96, 165, 250, 0.42);
  color: #bfdbfe;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-deck {
  background: rgba(99, 102, 241, 0.2);
  border-color: rgba(129, 140, 248, 0.38);
  color: #c7d2fe;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-collection,
:root[data-theme='dark'] .fdc-content-chip--category.is-shop {
  background: rgba(34, 197, 94, 0.18);
  border-color: rgba(74, 222, 128, 0.34);
  color: #bbf7d0;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-event {
  background: rgba(245, 158, 11, 0.18);
  border-color: rgba(251, 191, 36, 0.34);
  color: #fde68a;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-competition {
  background: rgba(244, 63, 94, 0.18);
  border-color: rgba(251, 113, 133, 0.34);
  color: #fecdd3;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-promotion {
  background: rgba(236, 72, 153, 0.18);
  border-color: rgba(244, 114, 182, 0.34);
  color: #fbcfe8;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-notice {
  background: rgba(71, 85, 105, 0.34);
  border-color: rgba(148, 163, 184, 0.28);
  color: #e2e8f0;
}

:root[data-theme='dark'] .fdc-content-chip--category.is-gamenews {
  background: rgba(6, 182, 212, 0.18);
  border-color: rgba(34, 211, 238, 0.34);
  color: #a5f3fc;
}