[data-component~="components/matches/user_display"] {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  &.active {
    [data-component~="components/icon"] {
      color: var(--color-green-300);
      font-size: var(--font-size-sm);
    }
  }
  &.unclaimed {
    font-style: italic;
  }
}