/* Rating names are also marked in server rendered and dynamically inserted views. */
[data-rating-color] { transition: color .12s ease; }
.rating-ranking { table-layout: fixed; width: 100%; min-width: 900px; }
.rating-ranking .col--rank { width: 5%; }
.rating-ranking .col--user { width: 25%; }
.rating-ranking .col--rating { width: 15%; }
.rating-ranking .col--max-rating { width: 15%; }
.rating-ranking .col--bio { width: 40%; }
.rating-ranking .col--rank,
.rating-ranking .col--user,
.rating-ranking .col--rating,
.rating-ranking .col--max-rating {
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
}
.rating-ranking .col--rating,
.rating-ranking .col--max-rating {
  text-align: center;
  white-space: nowrap;
  padding-left: .25rem !important;
  padding-right: .25rem !important;
}
.rating-ranking .col--bio {
  max-width: none;
  padding-left: 1rem !important;
}
.rating-badge {
  border: 1px solid var(--rating-color, #000000);
  border-radius: 2px;
  background: transparent;
}
.rating-profile-header {
  isolation: isolate;
}
.rating-profile-header::before {
  position: absolute;
  z-index: 0;
  inset: 0;
  content: '';
  background: rgba(0, 0, 0, .27);
  pointer-events: none;
}
.rating-profile-header > .profile-header__content {
  position: relative;
  z-index: 1;
}