/* A driver's team tag next to their name (rankings, records, driver search, profile): the team's mark in
   its two colours (main and second, split on the diagonal) and the tag, quiet so the name stays first.
   Drawn by js/app.js and js/site-header.js from the API's `team` field (Website/server/teams_public.go). */

.team-tag {
  display: inline-flex; align-items: center; gap: 5px; margin-left: 8px; vertical-align: .12em;
  color: rgba(243, 245, 248, .62); font: 700 11px/1 var(--font-ui, var(--font-sans, sans-serif)); letter-spacing: .06em;
  white-space: nowrap; text-decoration: none;
}
.team-tag i {
  flex: none; width: 8px; height: 8px; border-radius: 2px;
  background: linear-gradient(135deg, var(--c1) 50%, var(--c2) 50%);
}
a.team-tag:hover { color: #f3f5f8; }

/* On the profile, under the name: bigger and a link to the team page. */
.team-tag.team-tag-lg { margin: 14px 0 0; gap: 9px; font-size: 14px; color: rgba(243, 245, 248, .8); }
.team-tag.team-tag-lg i { width: 12px; height: 12px; border-radius: 3px; }
.team-tag-lg span { color: rgba(243, 245, 248, .5); font-weight: 500; letter-spacing: 0; }