<div class="combined-container">
  <div class="content">{{ "character.complete.description" | translate }}</div>
  <div class="features">
    @for (feature of combined; track feature) {
      <div class="feature">
        <div class="feature-name">{{ feature.name }}</div>
        <div class="feature-level">{{ feature.level }}</div>
        <icon-button
          [icon]="'add'"
          class="feature-button"
          (click)="addFeature(feature)"
        ></icon-button>
        <div [innerHTML]="feature.description"></div>
        <hr />
      </div>
    }
  </div>
</div>
