<turbo-stream action="replace" target="company_profile_product_lines_mobile_sort"><template>
  
<div id="company_profile_product_lines_mobile_sort"
     class="visible-tablet dropdown m-4"
     data-controller="toggle-class"
     data-toggle-class-css-class="is-active"
     data-toggle-class-target="el">
  <div class="dropdown-trigger full-width">
    <button class=" button full-width has-text-align-left is-justify-content-flex-start"
            
            data-action="click->toggle-class#toggle">
      <span>Sort: Product Line Amount Low to High</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=23424&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=23424&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=23424&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=23424&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=23424&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=23424&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=23424&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=23424&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=23424&amp;sort%5Breporting_segment_name%5D=asc"><span>Reporting Segment</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=23424&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=23424&amp;sort%5Bmetric_amount_raw%5D=desc"><span>Amount (USD)</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=23424&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="zero-revenue-pl">
          <td class="is-vcentered">
            Blockchain
          </td>

          <td class="is-vcentered">
            <div>
              Blockchain Enabled Renewable Electricity Supply Chain Management 
            </div>
            <div class="is-size-7 ">
              These companies optimize the sourcing of renewable electricity for businesses utilizing blockchain technology.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Bitumen Extraction and Oil Sands Mining for Synthetic Crude Oil
            </div>
            <div class="is-size-7 ">
              These companies mine oil sands. They then extract the bitumen contained within the sands. Then bitumen is upgraded to synthetic crude oil, which is then refined like normal crude oil to produce gasoline.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Crude Oil Pipeline
            </div>
            <div class="is-size-7 ">
              These companies provide transportation services through pipelines for the transfer of crude oil from manufacturers to oil refiners.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Crude Oil Sales
            </div>
            <div class="is-size-7 ">
              These companies sell crude oil to refineries and other mid-stream businesses, which then sell to gas stations, who then sell to their end customers.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Fuels; sold through distributor
            </div>
            <div class="is-size-7 ">
              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">
            Non-Attributed
          </td>

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Oil Refining
            </div>
            <div class="is-size-7 ">
              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">
            Non-Attributed
          </td>

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

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

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Synthetic Crude Oil Production
            </div>
            <div class="is-size-7 ">
              These companies produce synthetic crude oil by upgrading bitumen that is extracted from mined oil sands. The synthetic 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">
            Non-Attributed
          </td>

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

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

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

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

          <td class="is-vcentered">
            <div>
              Diversified Lubricants; sold to OEMs
            </div>
            <div class="is-size-7 ">
              These companies manufacture lubricants for diversified equipment, including vehicles, and sell directly to original equipment manufacturers.
            </div>
          </td>

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

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

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

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

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

          <td class="is-vcentered">
            <div>
              Electric Vehicle Charging Station Operation
            </div>
            <div class="is-size-7 ">
              These companies operate and maintain electric vehicles charging stations for businesses and governments, which share a portion of the revenues generated from the stations.
            </div>
          </td>

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

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

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

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

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

          <td class="is-vcentered">
            <div>
              Gasoline Station Franchisor
            </div>
            <div class="is-size-7 ">
              These companies franchise gasoline stations.
            </div>
          </td>

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

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

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

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

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

          <td class="is-vcentered">
            <div>
              Hydrogen Gas Retail
            </div>
            <div class="is-size-7 ">
              These companies operate hydrogen filling stations.
            </div>
          </td>

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

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

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

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

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

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

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

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

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

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

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

          <td class="is-vcentered">
            <div>
              Renewable Natural Gas for Transportation
            </div>
            <div class="is-size-7 ">
              These companies produce renewable natural gas that is used for transportation.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Carbon Capture Research and Development
            </div>
            <div class="is-size-7 ">
              These companies provide carbon capture research and development services. 
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Storage Services
            </div>
            <div class="is-size-7 ">
              These companies operate electricity storage facilities. 
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Trading
            </div>
            <div class="is-size-7 ">
              These companies purchase electricity and sell it on the wholesale market to other distributors and electric utility companies.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Electric Vehicle Charging Station Operation
            </div>
            <div class="is-size-7 ">
              These companies operate and maintain electric vehicles charging stations for businesses and governments, which share a portion of the revenues generated from the stations.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Hydrogen Fuel
            </div>
            <div class="is-size-7 ">
              These companies produce hydrogen fuel and sell directly to their customers.
            </div>
          </td>

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

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

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Solar Power Generation
            </div>
            <div class="is-size-7 ">
              These companies generate electricity using solar panels.	
            </div>
          </td>

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

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

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

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

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

          <td class="is-vcentered">
            <div>
              Crude Oil Sales
            </div>
            <div class="is-size-7 ">
              These companies sell crude oil to refineries and other mid-stream businesses, which then sell to gas stations, who then sell to their end customers.
            </div>
          </td>

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

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

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

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

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

          <td class="is-vcentered">
            <div>
              Natural Gas and NGLs
            </div>
            <div class="is-size-7 ">
              These companies extract natural gas and NGLs and sell their products to refineries.
            </div>
          </td>

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

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

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

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

        <tr class="">
          <td class="is-vcentered">
            Chemicals and Products
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Chemicals and Polymer Applications
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce diversified chemicals, such as solvents, additives, adhesives, and plastics.
            </div>
          </td>

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

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

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

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

        <tr class="">
          <td class="is-vcentered">
            Renewables and Energy Solutions
          </td>

          <td class="is-vcentered">
            <div>
              Wind Power Generation
            </div>
            <div class="is-size-7 has-text-grey">
              These companies generate electricity using wind turbines.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              LNG Facilities
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate liquefied natural gas terminals.
            </div>
          </td>

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

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

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

    <tbody class="visible-tablet ">

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Blockchain
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Blockchain Enabled Renewable Electricity Supply Chain Management 
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies optimize the sourcing of renewable electricity for businesses utilizing blockchain technology.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Bitumen Extraction and Oil Sands Mining for Synthetic Crude Oil
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies mine oil sands. They then extract the bitumen contained within the sands. Then bitumen is upgraded to synthetic crude oil, which is then refined like normal crude oil to produce gasoline.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Crude Oil Pipeline
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies provide transportation services through pipelines for the transfer of crude oil from manufacturers to oil refiners.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Crude Oil Sales
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies sell crude oil to refineries and other mid-stream businesses, which then sell to gas stations, who then sell to their end customers.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </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">
            Non-Attributed
          </td>

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies 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 zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </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">
            Non-Attributed
          </td>

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies refine oil primarily to produce gasoline for automobiles, which is through gas stations to consumers.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </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">
            Non-Attributed
          </td>

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies transport refined products, like gasoline, distillates, jet fuel, etc., through their pipeline system.  
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Chemicals and Products
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Synthetic Crude Oil Production
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies produce synthetic crude oil by upgrading bitumen that is extracted from mined oil sands. The synthetic 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 zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marketing
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Lubricants; sold to OEMs
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies manufacture lubricants for diversified equipment, including vehicles, and sell directly to original equipment manufacturers.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marketing
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electric Vehicle Charging Station Operation
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies operate and maintain electric vehicles charging stations for businesses and governments, which share a portion of the revenues generated from the stations.
            </div>
          </td>
        </tr>

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

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies franchise gasoline stations.
            </div>
          </td>
        </tr>

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

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies operate hydrogen filling stations.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marketing
            </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">
            Non-Attributed
          </td>

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies purchase crude oil and refine it into jet fuel used by airlines.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Marketing
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Renewable Natural Gas for Transportation
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies produce renewable natural gas that is used for transportation.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Carbon Capture Research and Development
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies provide carbon capture research and development services. 
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Storage Services
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies operate electricity storage facilities. 
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Trading
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies purchase electricity and sell it on the wholesale market to other distributors and electric utility companies.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electric Vehicle Charging Station Operation
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies operate and maintain electric vehicles charging stations for businesses and governments, which share a portion of the revenues generated from the stations.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Hydrogen Fuel
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies produce hydrogen fuel and sell directly to their customers.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Solar Power Generation
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

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

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

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies sell crude oil to refineries and other mid-stream businesses, which then sell to gas stations, who then sell to their end customers.
            </div>
          </td>
        </tr>

        <tr class="pl-row zero-revenue-pl"
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              Upstream
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Natural Gas and NGLs
              </div>
            </div>
          </td>

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

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

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

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

        <tr class="pl-description-row">
          <td class="is-vcentered">
            <span class="material-symbols-outlined is-size-6 visibility-hidden ml-2">
              keyboard_arrow_right
            </span>
          </td>
          <td class="py-2" colspan="3">
              <div class="is-size-7 mb-2 is-flex is-align-items-center is-justify-content-flex-start">
                <span class="material-symbols-outlined is-size-7 mr-2">help</span>
                <span class="has-text-weight-semibold mr-2">Why Zero?</span> Explanation of what the heck's going on here.
              </div>

            <div class="pl-description is-size-7 ">
              These companies extract natural gas and NGLs and sell their products to refineries.
            </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">
              Chemicals and Products
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Chemicals and Polymer Applications
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce diversified chemicals, such as solvents, additives, adhesives, and plastics.
            </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">
              Marketing
            </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">
            2.95B
          </td>

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies 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">
              Renewables and Energy Solutions
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Wind Power Generation
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>13.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 generate electricity using wind turbines.
            </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">
              Integrated Gas
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                LNG Facilities
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>30.51%</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 liquefied natural gas terminals.
            </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">
            8.53B
          </td>

          <td class="has-text-right is-vcentered">
              <span>36.93%</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>
    </tbody>
  </table>
</div>

</template></turbo-stream>