<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 [A-Z]</span>
      <span class="icon ml-auto mr-2">
        <i class="fas fa-angle-down"></i>
      </span>
    </button>
  </div>
  <div class="dropdown-menu-wrapper full-width">
    <div class="dropdown-menu full-width">
      <div class="dropdown-content">
        <a class="dropdown-item" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25108&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=25108&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=25108&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=25108&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=25108&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=25108&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=25108&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=25108&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=25108&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=25108&amp;sort%5Bname%5D=desc"><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_up</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=25108&amp;sort%5Bmetric_amount_raw%5D=asc"><span>Amount (EUR)</span><span class="material-symbols-outlined is-size-5"></span></a></th>
      <th class="is-vcentered has-text-right has-text-white" scope="col"><a class="has-text-white is-flex" data-turbo="true" data-turbo-stream="true" href="/product_lines?company_classification_id=25108&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 (EUR)
      </th>
      <th class="is-vcentered has-text-right">
        Percentage
      </th>
    </tr>
  </thead>
</table>

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

        <tr class="">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Agricultural Fertilizers: Extracted
            </div>
            <div class="is-size-7 has-text-grey">
              These companies make fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Cement and Concrete Additives
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce polymers and additives that are incorporated into cement and concrete.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Chemical Intermediates
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce chemical intermediates, also known as monomers, which are the most basic chemicals that are eventually polymerized into polymers, and then into plastic. Examples of chemical intermediates include chlorine, ethylene, propylene, styrene, olefins, and alkenes.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Chemicals for Consumer Cleaning Products
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce chemicals that are incorporated into consumer cleaning products, such as personal care products and pool sanitizers.
            </div>
          </td>

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Electricity Storage Chemicals for Automobiles; sold to OEMs
            </div>
            <div class="is-size-7 ">
              These companies manufacture electricity storage chemicals for automobiles (consumer passenger cars) 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="">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Industrial Chemicals
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce chemicals for a variety of industrial applications, such as water conditioning, consumer and professional ice control, food processing, agricultural applications and a variety of industrial applications.
            </div>
          </td>

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

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

        <tr class="">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Plastic for Automobiles
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture plastic and sell directly to their customers.
            </div>
          </td>

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

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

        <tr class="zero-revenue-pl">
          <td class="is-vcentered">
            End Market Breakdown
          </td>

          <td class="is-vcentered">
            <div>
              Water Treatment Materials
            </div>
            <div class="is-size-7 ">
              These companies produce chemicals that are used in the process of wastewater treatment, a byproduct common in production facilities 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>
    </tbody>

    <tbody class="visible-tablet ">

        <tr class="pl-row "
            data-controller="toggle-class"
            data-toggle-class-css-class="show-pl"
            data-toggle-class-target="el">
          <td class="is-vcentered is-clickable"
              data-action="click->toggle-class#toggle">
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-expand">
              keyboard_arrow_right
            </span>
            <span class="material-symbols-outlined is-size-6 ml-2 pl-description-collapse">
              keyboard_arrow_down
            </span>
          </td>
          <td class="is-vcentered">
            <div class="has-text-weight-semibold">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Agricultural Fertilizers: Extracted
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies make fertilizers used for various types of agricultural products. These tend to be mined, and include potash.
            </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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Cement and Concrete Additives
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce polymers and additives that are incorporated into cement and concrete.
            </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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Chemical Intermediates
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce chemical intermediates, also known as monomers, which are the most basic chemicals that are eventually polymerized into polymers, and then into plastic. Examples of chemical intermediates include chlorine, ethylene, propylene, styrene, olefins, and alkenes.
            </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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Chemicals for Consumer Cleaning Products
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce chemicals that are incorporated into consumer cleaning products, such as personal care products and pool sanitizers.
            </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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Electricity Storage Chemicals for Automobiles; 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 electricity storage chemicals for automobiles (consumer passenger cars) and sell directly to original equipment manufacturers.
            </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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Industrial Chemicals
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce chemicals for a variety of industrial applications, such as water conditioning, consumer and professional ice control, food processing, agricultural applications and a variety of industrial applications.
            </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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Plastic for Automobiles
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture plastic 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">
              End Market Breakdown
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Water Treatment Materials
              </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 chemicals that are used in the process of wastewater treatment, a byproduct common in production facilities and sell directly to their customers.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>