<div class="body-bg"></div>
<div class="player-border">
  <div class="k-full-fill p-content"
       [style.background-color]="data.contentObj.bgColor"
       (click)="playNextAnimation($event)"
  >
    <div class="k-16-9" appResize (resize)="resize($event)">
      <div class="position-absolute p-box" #box
      >
        <div class="position-absolute p-sentence {{item.animationClass}}" id="i-sentence-{{item.id}}"
             *ngFor="let item of data.contentObj.items; index as i;"
             #list
             appCustomStyle [customStyle]="item">
          <span class="text" [innerHTML]="item.text | brLineBreaker" (click)="playOutAnimation($event, item)"></span>
  
  
        </div>
      </div>
    </div>
  </div>
</div>
