<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=825&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=825&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=825&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=825&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=825&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=825&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=825&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=825&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=825&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=825&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=825&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (USD)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=825&amp;sort%5Bmetric_percentage%5D=asc"><span>Percentage</span><span class="material-symbols-outlined is-size-5"></span></a></th>
    </tr>
  </thead>

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

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </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.24B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </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">
            15.61B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </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">
            12.59B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </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">
            11.91B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </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">
            5.88B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </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">
            4.49B
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Generation
            </div>
            <div class="is-size-7 has-text-grey">
              These companies generate electricity from power plants and sell it on the wholesale market.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </td>

          <td class="is-vcentered">
            <div>
              Refined Jet Fuel
            </div>
            <div class="is-size-7 has-text-grey">
              These companies purchase crude oil and refine it into jet fuel used by airlines.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </td>

          <td class="is-vcentered">
            <div>
              Unfinished Petroleum Products; Sold to Refiners or Wholesalers
            </div>
            <div class="is-size-7 has-text-grey">
              These companies refine crude oil into unfinished petroleum products such as atmospheric gas oil and naphtha for furnace oil, jet fuel, diesel, and gasoline. It is then sold to wholesalers or refiners who further refine it into finished petroleum products.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Distributor to Businesses and Governments
            </div>
            <div class="is-size-7 has-text-grey">
              These companies distribute purchased natural gas to businesses and governments.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </td>

          <td class="is-vcentered">
            <div>
              Natural Gas Pipeline
            </div>
            <div class="is-size-7 has-text-grey">
              These companies transport natural gas on a contract basis, primarily from natural gas extractors and/or regasification terminals to natural gas distributors.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            Revenue by Product
          </td>

          <td class="is-vcentered">
            <div>
              Ethanol for Vehicle Fuels
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce bio-fuels (mainly ethanol) to sell to refiners and feeders.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.05%</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">
              Revenue by Product
            </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.24B
          </td>

          <td class="has-text-right is-vcentered">
              <span>28.86%</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">
              Revenue by Product
            </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">
            15.61B
          </td>

          <td class="has-text-right is-vcentered">
              <span>18.59%</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">
              Revenue by Product
            </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">
            12.59B
          </td>

          <td class="has-text-right is-vcentered">
              <span>14.99%</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">
              Revenue by Product
            </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">
            11.91B
          </td>

          <td class="has-text-right is-vcentered">
              <span>14.18%</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">
              Revenue by Product
            </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">
            5.88B
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.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 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">
              Revenue by Product
            </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">
            4.49B
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.35%</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">
              Revenue by Product
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Generation
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>3.46%</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 generate electricity from power plants and sell it on the wholesale market.
            </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">
              Revenue by Product
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Refined Jet Fuel
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.70%</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 crude oil and refine it into jet fuel used by airlines.
            </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">
              Revenue by Product
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Unfinished Petroleum Products; Sold to Refiners or Wholesalers
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            1.7B
          </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 refine crude oil into unfinished petroleum products such as atmospheric gas oil and naphtha for furnace oil, jet fuel, diesel, and gasoline. It is then sold to wholesalers or refiners who further refine it into finished petroleum products.
            </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">
              Revenue by Product
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Distributor to Businesses and Governments
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies distribute purchased natural gas to businesses 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">
              Revenue by Product
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas Pipeline
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>1.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 transport natural gas on a contract basis, primarily from natural gas extractors and/or regasification terminals to natural gas 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">
              Revenue by Product
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Ethanol for Vehicle Fuels
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.05%</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 bio-fuels (mainly ethanol) to sell to refiners and feeders.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>