<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 [A-Z]</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=25676&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=25676&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=25676&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=25676&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=25676&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=25676&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=25676&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=25676&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=25676&amp;sort%5Breporting_segment_name%5D=desc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=25676&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=25676&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (PLN)</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=25676&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 (PLN)
      </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">
            Energy
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies purchase electricity from electricity generators, then use a company-owned transportation network to deliver electricity to customers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Gas
          </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">
            133.49B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Gas
          </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">
            6.51B
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Electricity Distributor
            </div>
            <div class="is-size-7 has-text-grey">
              These companies purchase electricity from electricity generators, then use a company-owned transportation network to deliver electricity to customers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Natural Gas Liquids Extraction (NGLs)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract natural gas to produce natural gas liquid (NGL) fuels for heating, e.g. propane., and sell them through wholesalers or distributors.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Natural Gas and NGLs Processing
            </div>
            <div class="is-size-7 has-text-grey">
              These companies process natural gas and natural gas liquids (NGLs) to remove water and other contaminants as a service for natural gas extractors.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Petrochemical Feedstock
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce petrochemical feedstocks, which are generally destined to become part of plastic.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Agricultural Fertilizers: Derived from Natural Gas
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make fertilizers that are specifically derived from natural gas and so their prices fluctuate with natural gas prices. These fertilizers include ammonia-based fertilizers, including nitrogen and phosphate fertilizers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Fragrance Compounds
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture fragrance compounds for makeup, deodorant, perfume, cosmetics, etc. and sell directly to their customers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Constituents of Plastic
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture constituent materials for producing plastics. Examples include alkenes and olefins.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Oil Refining
            </div>
            <div class="is-size-7 has-text-grey">
              These companies refine oil primarily to produce gasoline for automobiles, which is through gas stations to consumers.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Retail
          </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">
            56.97B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Upstream
          </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">
            2.95B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Upstream
          </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">
            1.54B
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Natural Gas Liquids Extraction (NGLs)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies extract natural gas to produce natural gas liquid (NGL) fuels for heating, e.g. propane., and sell them through wholesalers or distributors.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Upstream
          </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.54B
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Industrial Gases
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture gases (such as carbon dioxide, nitrogen, and helium) that are used in industrial processes and sell directly to their customers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.33B
          </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">
              Energy
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Distributor
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>11.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 purchase electricity from electricity generators, then use a company-owned transportation network to deliver electricity to 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">
              Gas
            </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">
            133.49B
          </td>

          <td class="has-text-right is-vcentered">
              <span>35.90%</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">
              Gas
            </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">
            6.51B
          </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 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">
              Gas
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Distributor
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.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 purchase electricity from electricity generators, then use a company-owned transportation network to deliver electricity to 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">
              Gas
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Liquids Extraction (NGLs)
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.15%</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 natural gas to produce natural gas liquid (NGL) fuels for heating, e.g. propane., 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">
              Gas
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas and NGLs Processing
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.16B
          </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 process natural gas and natural gas liquids (NGLs) to remove water and other contaminants as a service for natural gas extractors.
            </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">
              Petrochemical
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Petrochemical Feedstock
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.88%</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 petrochemical feedstocks, which are generally destined to become part of plastic.
            </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">
              Petrochemical
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Agricultural Fertilizers: Derived from Natural Gas
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.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 make fertilizers that are specifically derived from natural gas and so their prices fluctuate with natural gas prices. These fertilizers include ammonia-based fertilizers, including nitrogen and phosphate fertilizers.
            </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">
              Petrochemical
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Fragrance Compounds
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.36%</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 fragrance compounds for makeup, deodorant, perfume, cosmetics, etc. 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">
              Petrochemical
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Constituents of Plastic
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.32%</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 constituent materials for producing plastics. Examples include alkenes and olefins.
            </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
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Oil Refining
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>29.96%</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 primarily to produce gasoline for automobiles, which is through gas stations 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">
              Retail
            </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">
            56.97B
          </td>

          <td class="has-text-right is-vcentered">
              <span>15.32%</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">
              Upstream
            </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">
            2.95B
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.79%</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">
              Upstream
            </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">
            1.54B
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.41%</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">
              Upstream
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Liquids Extraction (NGLs)
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.26%</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 natural gas to produce natural gas liquid (NGL) fuels for heating, e.g. propane., 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">
              Upstream
            </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.54B
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.15%</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">
              Upstream
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Industrial Gases
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            0.33B
          </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 manufacture gases (such as carbon dioxide, nitrogen, and helium) that are used in industrial processes and sell directly to their customers.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>