.reputation-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  max-width: 100%;
  padding: 0.45rem 0.7rem;
  border: 1px solid color-mix(in srgb, var(--badge-color) 35%, transparent);
  border-radius: 0.75rem;
  background: hsl(var(--card, 0 0% 100%));
  color: hsl(var(--foreground, 222 47% 8%));
  font: 600 0.75rem/1.4 Inter, system-ui, sans-serif;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.reputation-badge__medal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 30px;
  height: 34px;
  border-radius: 40% 40% 48% 48%;
  color: var(--badge-color);
  background: color-mix(in srgb, var(--badge-color) 12%, white);
  border: 1px solid color-mix(in srgb, var(--badge-color) 45%, transparent);
}

.reputation-badge__medal svg {
  width: 20px;
  height: 20px;
}

.reputation-badge--full {
  padding: 0.75rem 1rem;
  font-size: 1rem;
}

.reputation-badge--full .reputation-badge__medal {
  width: 48px;
  height: 54px;
}

.reputation-badge--full svg {
  width: 32px;
  height: 32px;
}

.reputation-recognition {
  overflow-wrap: anywhere;
}

.reputation-admin table {
  min-width: 800px;
}