.raid-capabilities {
  align-items: center;
}

.raid-capabilities .raid-capability-icon {
  position: relative;
  display: inline-grid;
  place-items: center;
  width: 1.8rem;
  height: 1.8rem;
  padding: 0;
  overflow: hidden;
  border-radius: 0.3rem;
}

.raid-capability-icon img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.raid-capability-icon span {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.raid-participant-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.42rem;
}

.raid-participant-card-copy {
  display: grid;
  min-width: 0;
  gap: 0.12rem;
}

.raid-participant-card-copy strong,
.raid-participant-card-copy span {
  min-width: 0;
}

.raid-participant-specs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.16rem;
  max-width: 3.2rem;
}

.raid-spec-icon {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  flex: none;
  border-radius: 0.22rem;
  object-fit: cover;
}

.raid-spec-icon-fallback {
  display: inline-flex;
  align-items: center;
  min-height: 1.4rem;
  padding: 0.15rem 0.28rem;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 0.28rem;
  color: var(--theme-text-muted);
  font-size: 0.58rem;
  line-height: 1;
}

.raid-participant-card-assigned {
  grid-template-columns: auto minmax(0, 1fr);
}

.raid-participant-assigned-icon {
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
}

.raid-participant-assigned-icon .raid-spec-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.3rem;
}

.raid-participant-assigned-icon .raid-spec-icon-fallback {
  width: 2rem;
  height: 2rem;
  justify-content: center;
  padding: 0.15rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Blizzard role artwork exported from the live WoW UI. */
:root {
  --raid-role-tank-icon: url("data:image/png;base64,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");
  --raid-role-healer-icon: url("data:image/png;base64,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");
  --raid-role-damage-icon: url("data:image/png;base64,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");
}

.raid-role-lane-heading h3,
.raid-roster-diagnostics > div:nth-child(n + 2) dt {
  display: inline-flex;
  align-items: center;
  gap: 0.28rem;
}

.raid-role-lane-heading h3::before,
.raid-roster-diagnostics > div:nth-child(n + 2) dt::before {
  content: "";
  display: inline-block;
  width: 1.45rem;
  height: 1.4rem;
  flex: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.raid-role-lane[data-raid-role-drop="tank"] .raid-role-lane-heading h3::before,
.raid-roster-diagnostics > div:nth-child(2) dt::before {
  background-image: var(--raid-role-tank-icon);
}

.raid-role-lane[data-raid-role-drop="healer"] .raid-role-lane-heading h3::before,
.raid-roster-diagnostics > div:nth-child(3) dt::before {
  background-image: var(--raid-role-healer-icon);
}

.raid-role-lane[data-raid-role-drop="damage"] .raid-role-lane-heading h3::before,
.raid-roster-diagnostics > div:nth-child(4) dt::before {
  background-image: var(--raid-role-damage-icon);
}

/* Before assignment, the card communicates volunteered roles rather than
   every offered specialization. Assignment then promotes the selected spec. */
.raid-participant-card[data-assigned="false"] .raid-participant-specs {
  display: block;
  height: 1.05rem;
  flex: none;
  max-width: none;
  background-repeat: no-repeat;
  background-size: 1.05rem 1.02rem;
}

.raid-participant-card[data-assigned="false"] .raid-participant-specs > * {
  display: none;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":["'][data-role-specs*='"healer":[]'][data-role-specs*='"damage":[]'] .raid-participant-specs {
  width: 1.05rem;
  background-image: var(--raid-role-tank-icon);
  background-position: center;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":[]'][data-role-specs*='"healer":["'][data-role-specs*='"damage":[]'] .raid-participant-specs {
  width: 1.05rem;
  background-image: var(--raid-role-healer-icon);
  background-position: center;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":[]'][data-role-specs*='"healer":[]'][data-role-specs*='"damage":["'] .raid-participant-specs {
  width: 1.05rem;
  background-image: var(--raid-role-damage-icon);
  background-position: center;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":["'][data-role-specs*='"healer":["'][data-role-specs*='"damage":[]'] .raid-participant-specs {
  width: 2.25rem;
  background-image: var(--raid-role-tank-icon), var(--raid-role-healer-icon);
  background-position: left center, right center;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":["'][data-role-specs*='"healer":[]'][data-role-specs*='"damage":["'] .raid-participant-specs {
  width: 2.25rem;
  background-image: var(--raid-role-tank-icon), var(--raid-role-damage-icon);
  background-position: left center, right center;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":[]'][data-role-specs*='"healer":["'][data-role-specs*='"damage":["'] .raid-participant-specs {
  width: 2.25rem;
  background-image: var(--raid-role-healer-icon), var(--raid-role-damage-icon);
  background-position: left center, right center;
}

.raid-participant-card[data-assigned="false"][data-role-specs*='"tank":["'][data-role-specs*='"healer":["'][data-role-specs*='"damage":["'] .raid-participant-specs {
  width: 3.45rem;
  background-image: var(--raid-role-tank-icon), var(--raid-role-healer-icon), var(--raid-role-damage-icon);
  background-position: left center, center, right center;
}