<div class="links on-channel-page">
  <my-list-overflow>
    <div class="d-flex align-items-center text-nowrap w-100 list-overflow-parent">
      <span id="pe_0" class="ng-star-inserted" style="visibility: inherit;">
        <a class="title-page ng-star-inserted{{ $cat == 'video-channels' ? ' active' : '' }}" href="/a/{{ ptFullHandle($res['owner']) }}/video-channels">チャンネル</a>
      </span>
      <span id="pe_1" class="ng-star-inserted" style="visibility: inherit;">
        <a class="title-page ng-star-inserted{{ $cat == 'videos' ? ' active' : '' }}" href="/a/{{ ptFullHandle($res['owner']) }}/videos">動画</a>
      </span>
    </div>
  </my-list-overflow>
  <my-simple-search-input name="search-videos" icon-title="Search account videos" placeholder="アカウントの動画を検索する">
    <div class="root" style="display: flex;">
      <div class="input-group has-feedback has-clear">
        <input type="text" placeholder="アカウントの動画を検索する" class="ng-untouched ng-pristine ng-valid">
      </div>
      <my-global-icon class="myglobalicon-alt" iconname="search" aria-label="Search" role="button" title="検索">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg>
      </my-global-icon>
    </div>
  </my-simple-search-input>
</div>
