/* Shared rank and team-logo presentation for VRS and Rankings. */
.rankings-table__rank {
  border-color: color-mix(in srgb, var(--accent) 14%, var(--line));
  background: color-mix(in srgb, var(--accent) 5%, var(--surface));
  color: color-mix(in srgb, var(--text) 82%, var(--accent));
}

.vrs-card__logo,
.rankings-table__logo {
  width: 30px;
  height: 30px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  object-fit: contain;
  transform: scale(1.12);
  transform-origin: center;
}

/* Vitality's narrow mark needs a little more optical weight in equal logo boxes. */
.vrs-card__logo.team-logo--vitality,
.rankings-table__logo.team-logo--vitality {
  transform: scale(1.42);
}

.vrs-card__logo--fallback,
.rankings-table__logo--fallback {
  border-radius: 8px;
  background: color-mix(in srgb, var(--surface-muted) 84%, var(--surface));
  transform: none;
}