<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: Product Line Amount Low to High</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=14589&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=14589&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=14589&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=14589&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=14589&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=14589&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=14589&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=14589&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=14589&amp;sort%5Breporting_segment_name%5D=asc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5"></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=14589&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=14589&amp;sort%5Bmetric_amount_raw%5D=desc"><span>Amount (JPY)</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=14589&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 (JPY)
      </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">
            Hospitality
          </td>

          <td class="is-vcentered">
            <div>
              Hotel Operator
            </div>
            <div class="is-size-7 has-text-grey">
              These companies own, operate, and manage their own hotels. This position includes timeshares and resorts.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -15.4B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Department Stores
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell clothing in department stores. They also sell furniture, home appliances, toys, cosmetics, houseware, gardening, toiletries, sporting goods, do-it-yourself items, paint, and hardware.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -2.9B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Transportation
          </td>

          <td class="is-vcentered">
            <div>
              Airport Operator
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate airports. They collect fees from airlines for airport usage.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -2B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Hospitality
          </td>

          <td class="is-vcentered">
            <div>
              Sporting and Recreational Clubs
            </div>
            <div class="is-size-7 has-text-grey">
              These establishments are membership organizations that run sports clubs, like football, swimming, golf, and shooting clubs.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -1.2B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Transportation
          </td>

          <td class="is-vcentered">
            <div>
              Private Bus Operators
            </div>
            <div class="is-size-7 has-text-grey">
              These companies transport people using buses.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -1.1B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Transportation
          </td>

          <td class="is-vcentered">
            <div>
              Railway Transportation
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate train networks that transport consumers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -0.8B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Leisure Rentals
            </div>
            <div class="is-size-7 has-text-grey">
              These establishments provide access to equipment and facilities, such as kayaks, thrill parks, sports arenas, and other event spaces, on a temporary basis.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -0.6B
          </td>

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Hospitality
          </td>

          <td class="is-vcentered">
            <div>
              Fuel Cell Power Generation
            </div>
            <div class="is-size-7 ">
              These companies generate electricity using hydrogen fuel cells.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Retail Sales
            </div>
            <div class="is-size-7 ">
              These companies sell diversified consumer goods at retail locations.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </td>
        </tr>

        <tr class="">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Advertising Agency
            </div>
            <div class="is-size-7 has-text-grey">
              These companies create advertisements on behalf of diversified customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.3B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Electricity and Natural Gas Distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute purchased electricity and natural gas to end-users.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.4B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Wireline Telecommunication Network
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide wireline (landline) telecommunication services for diversified customers, including businesses, consumers, and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3.2B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
             Lifestyle Service and Retail
          </td>

          <td class="is-vcentered">
            <div>
              Grocery Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate grocery stores.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.2B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Urban Development
          </td>

          <td class="is-vcentered">
            <div>
              Construction for Businesses and Governments
            </div>
            <div class="is-size-7 has-text-grey">
              These companies construct buildings for diversified businesses and governments. Examples include roads, power plants, and government, commercial, and industrial buildings.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7.2B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Urban Development
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Real Estate Lessor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies lease diversified real estate, such as retail centers, homes, and offices to commercial and consumer customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            18.4B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Urban Development
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Real Estate Developer
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop diversified real estate, such as office buildings and residential buildings.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            19.5B
          </td>

          <td class="has-text-right is-vcentered">
              <span>24.62%</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">
              Hospitality
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Hotel Operator
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -15.4B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-19.44%</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 own, operate, and manage their own hotels. This position includes timeshares and resorts.
            </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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Department Stores
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -2.9B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-3.66%</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 sell clothing in department stores. They also sell furniture, home appliances, toys, cosmetics, houseware, gardening, toiletries, sporting goods, do-it-yourself items, paint, and hardware.
            </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">
              Transportation
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Airport Operator
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -2B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-2.53%</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 airports. They collect fees from airlines for airport usage.
            </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">
              Hospitality
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Sporting and Recreational Clubs
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -1.2B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-1.52%</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 establishments are membership organizations that run sports clubs, like football, swimming, golf, and shooting clubs.
            </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">
              Transportation
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Private Bus Operators
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -1.1B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-1.39%</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 transport people using buses.
            </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">
              Transportation
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Railway Transportation
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -0.8B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-1.01%</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 train networks that transport consumers.
            </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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Leisure Rentals
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -0.6B
          </td>

          <td class="has-text-right is-vcentered">
              <span>-0.76%</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 establishments provide access to equipment and facilities, such as kayaks, thrill parks, sports arenas, and other event spaces, on a temporary basis.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            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">
              Hospitality
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Fuel Cell Power Generation
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </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="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies generate electricity using hydrogen fuel cells.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Retail Sales
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            Non-Attributed
          </td>

          <td class="has-text-right is-vcentered">
              <div class="is-flex is-align-items-center is-justify-content-right"
                   data-controller="tooltip">
                <span>Non-Attributed</span>

                <span class="ml-2 has-cursor-default material-symbols-outlined is-size-6"
                      data-tooltip-target="trigger">help</span>

                <span data-tooltip-target="content">
                  <span class="has-text-weight-semibold">Why Zero?</span> Explanation of what the heck's going on here.
                </span>
              </div>
          </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="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies sell diversified consumer goods at retail locations.
            </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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Advertising Agency
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.3B
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.64%</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 create advertisements on behalf of diversified customers.
            </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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity and Natural Gas Distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.4B
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.77%</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 distribute purchased electricity and natural gas to end-users.
            </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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wireline Telecommunication Network
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3.2B
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.04%</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 wireline (landline) telecommunication services for diversified customers, including businesses, consumers, and governments.
            </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">
               Lifestyle Service and Retail
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Grocery Retail
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.2B
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.30%</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 grocery stores.
            </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">
              Urban Development
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Construction for Businesses and Governments
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            7.2B
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.09%</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 construct buildings for diversified businesses and governments. Examples include roads, power plants, and government, commercial, and industrial buildings.
            </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">
              Urban Development
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Real Estate Lessor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            18.4B
          </td>

          <td class="has-text-right is-vcentered">
              <span>23.23%</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 lease diversified real estate, such as retail centers, homes, and offices to commercial and consumer customers.
            </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">
              Urban Development
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Real Estate Developer
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            19.5B
          </td>

          <td class="has-text-right is-vcentered">
              <span>24.62%</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 develop diversified real estate, such as office buildings and residential buildings.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>