<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=824&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=824&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=824&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=824&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=824&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=824&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=824&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=824&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=824&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=824&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=824&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (COP)</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=824&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 (COP)
      </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">
            Transportation and Logistics
          </td>

          <td class="is-vcentered">
            <div>
              Refined Transport Fuels Pipeline
            </div>
            <div class="is-size-7 has-text-grey">
              These companies transport refined products, like gasoline, distillates, jet fuel, etc., through their pipeline system.  
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            12.16T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Diesel and Other Distillates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce diesel fuel and other distillates.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            24.12T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Gasoline; integrated sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce gasoline and sell it to consumers through gas stations that they operate.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            17.93T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Plastics
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture plastics for diversified products and sell directly to their customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3.73T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Fuels; sold through distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies refine oil to produce fuels such as heating oil, jet fuel, and diesel, and sell them through wholesalers or distributors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.3T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Utility
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute natural gas to end-users, including businesses, consumers, and governments.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.74T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Gasoline Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate gas stations and sell gasoline to consumers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.66T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Asphalt for Highways, Roads, and Bridges; sold to contractors
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.59T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Liquefied Petroleum Gas; sold through distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce liquefied petroleum gas (LPG) and sell them through wholesalers or distributors. Includes butane and propane.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.33T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Polymerized Intermediates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce polymerized chemicals that have not yet had additives added. These are the output when individual intermediate building blocks are bonded into long chains called polymers. Without added additives, these polymers are not in their functional form. Often they will be called polymer resins or have the prefix poly.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.32T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Fuel Additives
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce additives that are used in refineries for the production of fuels gasoline.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.25T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Refining and Petrochemicals
          </td>

          <td class="is-vcentered">
            <div>
              Commodity Trading
            </div>
            <div class="is-size-7 has-text-grey">
              These companies trade commodities to diversified businesses that use them in managing their monetary resources.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Crude Oil Extraction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform crude oil extraction. The crude oil is sold to refiners and other mid-stream customers, and the refined gasoline is sold to gas stations that distribute it to the end customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            58.49T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Extraction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce natural gas and sell their products to various energy distributors, primarily utilities, for sale to end users.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.15T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Liquefied Petroleum Gas; sold through distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce liquefied petroleum gas (LPG) and sell them through wholesalers or distributors. Includes butane and propane.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.74T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Onshore Drilling Services (including NOCs)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies perform onshore well drilling services for producers of oil and natural gas, including national / government-owned oil companies.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.13T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas and Crude Oil Extraction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract both natural gas and crude oil.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.06T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Asphalt for Highways, Roads, and Bridges; sold to contractors
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.03T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Fuels; sold through distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies refine oil to produce fuels such as heating oil, jet fuel, and diesel, and sell them through wholesalers or distributors.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.01T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Exploration and Production
          </td>

          <td class="is-vcentered">
            <div>
              Commodity Trading
            </div>
            <div class="is-size-7 has-text-grey">
              These companies trade commodities to diversified businesses that use them in managing their monetary resources.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -0.35T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Electric Power Transmission and Toll Roads Concessions
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Transmission
            </div>
            <div class="is-size-7 has-text-grey">
              These companies use power transmission lines to transport electricity over long distances from a power generating company to a distribution company.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.64T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Electric Power Transmission and Toll Roads Concessions
          </td>

          <td class="is-vcentered">
            <div>
              Toll Road Construction
            </div>
            <div class="is-size-7 has-text-grey">
              These companies are contracted to build toll roads.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.35T
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Electric Power Transmission and Toll Roads Concessions
          </td>

          <td class="is-vcentered">
            <div>
              Toll Road Operator
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate toll roads.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.12T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.09%</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">
              Transportation and Logistics
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Refined Transport Fuels Pipeline
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            12.16T
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.27%</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 refined products, like gasoline, distillates, jet fuel, etc., through their pipeline system.  
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diesel and Other Distillates
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            24.12T
          </td>

          <td class="has-text-right is-vcentered">
              <span>18.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 produce diesel fuel and other distillates.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Gasoline; integrated sales
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            17.93T
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.67%</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 produce gasoline and sell it to consumers through gas stations that they operate.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Plastics
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3.73T
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.85%</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 manufacture plastics for diversified products and sell directly to their 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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Fuels; sold through distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.3T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.75%</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 refine oil to produce fuels such as heating oil, jet fuel, and diesel, and sell them through wholesalers or distributors.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Utility
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.74T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.57%</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 natural gas to end-users, 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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Gasoline Retail
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.66T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.50%</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 gas stations and sell gasoline to 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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Asphalt for Highways, Roads, and Bridges; sold to contractors
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.59T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.45%</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 manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Liquefied Petroleum Gas; sold through distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.33T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.25%</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 produce liquefied petroleum gas (LPG) and sell them through wholesalers or distributors. Includes butane and propane.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Polymerized Intermediates
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.32T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.24%</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 produce polymerized chemicals that have not yet had additives added. These are the output when individual intermediate building blocks are bonded into long chains called polymers. Without added additives, these polymers are not in their functional form. Often they will be called polymer resins or have the prefix poly.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Fuel Additives
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.25T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.19%</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 produce additives that are used in refineries for the production of fuels gasoline.
            </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">
              Refining and Petrochemicals
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Commodity Trading
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.00%</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 trade commodities to diversified businesses that use them in managing their monetary resources.
            </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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Crude Oil Extraction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            58.49T
          </td>

          <td class="has-text-right is-vcentered">
              <span>44.58%</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 perform crude oil extraction. The crude oil is sold to refiners and other mid-stream customers, and the refined gasoline is sold to gas stations that distribute it to the end 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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Extraction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4.15T
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.16%</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 produce natural gas and sell their products to various energy distributors, primarily utilities, for sale 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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Liquefied Petroleum Gas; sold through distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.74T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.56%</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 produce liquefied petroleum gas (LPG) and sell them through wholesalers or distributors. Includes butane and propane.
            </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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Onshore Drilling Services (including NOCs)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.13T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.10%</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 perform onshore well drilling services for producers of oil and natural gas, including national / government-owned oil companies.
            </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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas and Crude Oil Extraction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.06T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.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 extract both natural gas and crude oil.
            </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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Asphalt for Highways, Roads, and Bridges; sold to contractors
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.03T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.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 manufacture asphalt for highway, road, and bridge construction and sell directly to construction contractors.
            </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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Fuels; sold through distributor
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.01T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.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 refine oil to produce fuels such as heating oil, jet fuel, and diesel, and sell them through wholesalers or distributors.
            </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">
              Exploration and Production
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Commodity Trading
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            -0.35T
          </td>

          <td class="has-text-right is-vcentered">
              <span>-0.27%</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 trade commodities to diversified businesses that use them in managing their monetary resources.
            </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">
              Electric Power Transmission and Toll Roads Concessions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Transmission
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            2.64T
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.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 use power transmission lines to transport electricity over long distances from a power generating company to a distribution company.
            </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">
              Electric Power Transmission and Toll Roads Concessions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Toll Road Construction
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.35T
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.03%</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 are contracted to build toll roads.
            </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">
              Electric Power Transmission and Toll Roads Concessions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Toll Road Operator
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.12T
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.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 operate toll roads.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>