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

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

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

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

          <td class="is-vcentered">
            <div>
              Automobiles Tires; retail sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce tires for automobiles (consumer passenger cars) that are mostly sold in the aftermarket through auto parts retailers.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Tires for Commercial Vehicles; retail sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture tires for commercial vehicles (such as trucks and buses) and sell them through retail stores to the aftermarket.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Tire Retail
            </div>
            <div class="is-size-7 has-text-grey">
              These companies sell tires for automobiles (consumer passenger cars) through retail stores.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Rubber
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture rubber, which is then used in as a component of products with a variety of applications. Examples include rubber gloves.
            </div>
          </td>

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

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

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

          <td class="is-vcentered">
            <div>
              Cord and Fabric for Diversified Tires
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture cords and fabric for diversified vehicle tires and sell directly to their customers. Includes tires for automobiles (consumer passenger cars), commercial vehicles (buses and trucks), and various aircraft.
            </div>
          </td>

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

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

    <tbody class="visible-tablet ">

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

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce tires for automobiles (consumer passenger cars) that are mostly sold in the aftermarket through auto parts retailers.
            </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">
              Tires
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Tires for Commercial Vehicles; retail sales
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture tires for commercial vehicles (such as trucks and buses) and sell them through retail stores to the aftermarket.
            </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">
              Tires
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Tire Retail
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>4.33%</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 sell tires for automobiles (consumer passenger cars) through retail stores.
            </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">
              Tires
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Rubber
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>2.33%</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 rubber, which is then used in as a component of products with a variety of applications. Examples include rubber gloves.
            </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">
              Tires
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Cord and Fabric for Diversified Tires
              </div>
            </div>
          </td>

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

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies manufacture cords and fabric for diversified vehicle tires and sell directly to their customers. Includes tires for automobiles (consumer passenger cars), commercial vehicles (buses and trucks), and various aircraft.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>