<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Reporting Segment [Z-A]</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Breporting_segment_name%5D=asc">Reporting Segment [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Breporting_segment_name%5D=desc">Reporting Segment [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bname%5D=asc">Product Line [A-Z]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bname%5D=desc">Product Line [Z-A]</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bmetric_amount_raw%5D=desc">Product Line Amount High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bmetric_amount_raw%5D=asc">Product Line Amount Low to High</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bmetric_percentage%5D=desc">Product Line Percentage High to Low</a>
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bmetric_percentage%5D=asc">Product Line Percentage Low to High</a>
      </div>
    </div>
  </div>
</div>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_header"><template>
  
<table id="company_profile_product_lines_table_header"
       class="table is-hoverable">
  <thead class="visible-non-tablet">
    <tr class="is-black ">
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Breporting_segment_name%5D="><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bname%5D=asc"><span>Product Line</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (USD)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=14389&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

  <thead class="visible-tablet">
    <tr class="is-black">
      <th class="is-vcentered">
        <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
          keyboard_arrow_right
        </span>
      </th>
      <th class="is-vcentered">
        Reporting Segment &amp; Product Line
      </th>
      <th class="is-vcentered has-text-right">
        Amount (USD)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

</template></turbo-stream>
<turbo-stream action="replace" target="company_profile_product_lines_table_body"><template>
  
<div class="table-container"
     id="company_profile_product_lines_table_body">
  <table class="table is-hoverable ">
    <tbody class="visible-non-tablet ">

        <tr class="">
          <td class="is-vcentered">
            Online games
          </td>

          <td class="is-vcentered">
            <div>
              Social Game Developer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make video games that use online features to interact with other players. These games are sold through online markets like the Apple Store or Google Play. They are supported through in-game purchases.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            469.33M
          </td>

          <td class="has-text-right is-vcentered">
              <span>56.17%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Online games
          </td>

          <td class="is-vcentered">
            <div>
              Social Game Developer; ad revenue
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make video games that use online features to interact with other players. These games are sold through online markets like the Apple Store or Google Play. They are supported through advertisements and in-game purchases.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            168.89M
          </td>

          <td class="has-text-right is-vcentered">
              <span>20.21%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Online games
          </td>

          <td class="is-vcentered">
            <div>
              Video Game Subscription, Add-On, and In-Game Purchase Services
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide video game subscription, add-on, and in-game purchase services. 
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            62.38M
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.47%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Brand advertising
          </td>

          <td class="is-vcentered">
            <div>
              Information Services Platform
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate platforms providing information search services to users, such as media monitoring services and news clipping services.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            75.41M
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.02%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Brand advertising
          </td>

          <td class="is-vcentered">
            <div>
              Video Streaming Platform; ad revenue
            </div>
            <div class="is-size-7 has-text-grey">
              These companies host television, movie, and other video content. They generate most of their revenue from advertisements.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            26.8M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.21%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Brand advertising
          </td>

          <td class="is-vcentered">
            <div>
              Online Sales Platform for Real Estate
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide a portal for real estate agents and brokers to post information about properties for consumers to see.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            22.01M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.63%</span>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
            Brand advertising
          </td>

          <td class="is-vcentered">
            <div>
              Video Game and Esport Website Host; Ad Revenue
            </div>
            <div class="is-size-7 has-text-grey">
              These companies host websites of esport and video game content that generate revenue from advertisements on those websites.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            10.74M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.29%</span>
          </td>
        </tr>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Online games
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Social Game Developer
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            469.33M
          </td>

          <td class="has-text-right is-vcentered">
              <span>56.17%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies make video games that use online features to interact with other players. These games are sold through online markets like the Apple Store or Google Play. They are supported through in-game purchases.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Online games
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Social Game Developer; ad revenue
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            168.89M
          </td>

          <td class="has-text-right is-vcentered">
              <span>20.21%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies make video games that use online features to interact with other players. These games are sold through online markets like the Apple Store or Google Play. They are supported through advertisements and in-game purchases.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Online games
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Video Game Subscription, Add-On, and In-Game Purchase Services
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            62.38M
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.47%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide video game subscription, add-on, and in-game purchase services. 
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Brand advertising
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Information Services Platform
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            75.41M
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.02%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies operate platforms providing information search services to users, such as media monitoring services and news clipping services.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Brand advertising
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Video Streaming Platform; ad revenue
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            26.8M
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.21%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies host television, movie, and other video content. They generate most of their revenue from advertisements.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Brand advertising
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Online Sales Platform for Real Estate
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            22.01M
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.63%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies provide a portal for real estate agents and brokers to post information about properties for consumers to see.
            </div>
          </td>
        </tr>

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Brand advertising
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Video Game and Esport Website Host; Ad Revenue
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            10.74M
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.29%</span>
          </td>
        </tr>

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">

            <div class="pl-description is-size-7 has-text-grey">
              These companies host websites of esport and video game content that generate revenue from advertisements on those websites.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>