calculateRankXTranslation = () => {
    if (statItems.length) {
      const minXTranslation = RANK_CARD_MIN_WIDTH + iconWidth - 70;
      if (width > RANK_CARD_DEFAULT_WIDTH) {
        const xMaxExpansion = minXTranslation + (450 - minCardWidth) / 2;
        return xMaxExpansion + width - RANK_CARD_DEFAULT_WIDTH;
      } else {
        return minXTranslation + (width - minCardWidth) / 2;
      }
    } else {
      return width / 2 + 20 - 10;
    }
  }
Calculates the right rank circle translation values such that the rank circle
keeps respecting the following padding:

width > RANK_CARD_DEFAULT_WIDTH: The default right padding of 70 px will be used.
width < RANK_CARD_DEFAULT_WIDTH: The left and right padding will be enlarged
  equally from a certain minimum at RANK_CARD_MIN_WIDTH.

@returns {number} - Rank circle translation value.