.category-badge {
  font-family: var(--font-ui);
  --category-badge-border: var(--line-strong);
  --category-badge-text: #eef4fb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 52px;
  min-height: 30px;
  padding: 0 12px;
  border: 1px solid var(--category-badge-border);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.018);
  color: var(--category-badge-text);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.04em;
  line-height: 1;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.category-badge--compact {
  min-width: 46px;
  min-height: 24px;
  padding-inline: 10px;
  font-size: 11px;
}

.category-badge--large {
  min-width: 72px;
  min-height: 40px;
  padding-inline: 16px;
  font-size: 14px;
}

.category-badge--active {
  background: rgba(255, 255, 255, 0.05);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 0 0 1px rgba(255, 255, 255, 0.04);
}

.category-badge__text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.category-badge-link {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
}

.category-badge-link:hover {
  border-color: rgba(255, 255, 255, 0.18);
  background: #121922;
}

.sidebar .category-badge {
  min-width: 58px;
}

.category-badge[data-category-code="f1"] {
  --category-badge-border: var(--f1);
  --category-badge-text: #ff6b65;
}

.category-badge[data-category-code="f2"],
.category-badge[data-category-code="f3"] {
  --category-badge-border: var(--f2);
  --category-badge-text: #70c2ff;
}

.category-badge[data-category-code="motogp"] {
  --category-badge-border: var(--motogp);
  --category-badge-text: #eef2f7;
}

.category-badge[data-category-code="wec"] {
  --category-badge-border: var(--wec);
  --category-badge-text: #58ecf4;
}

.category-badge[data-category-code="tc"],
.category-badge[data-category-code="tcp"],
.category-badge[data-category-code="tcm"],
.category-badge[data-category-code="tcpm"],
.category-badge[data-category-code="tcpk"],
.category-badge[data-category-code="tcppk"] {
  --category-badge-border: var(--tc);
  --category-badge-text: #72c7ff;
}

.category-badge[data-category-code="tc2000"] {
  --category-badge-border: var(--tc2000);
  --category-badge-text: #7bb6ff;
}

.category-badge[data-category-code="tr"] {
  --category-badge-border: var(--tr);
  --category-badge-text: #c7a3ff;
}

.category-badge[data-category-code="t4000"],
.category-badge[data-category-code="bora"] {
  --category-badge-border: #9b8765;
  --category-badge-text: #dbc6a3;
}

.category-badge[data-category-code="tp"],
.category-badge[data-category-code="tpc1"],
.category-badge[data-category-code="tpc2"],
.category-badge[data-category-code="tpc3"] {
  --category-badge-border: var(--tp);
  --category-badge-text: #62e9db;
}

.category-badge[data-category-code="tn"],
.category-badge[data-category-code="tnc2"],
.category-badge[data-category-code="tnc3"] {
  --category-badge-border: var(--tn);
  --category-badge-text: #6fdda0;
}