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

          <td class="is-vcentered">
            <div>
              Bicycle Components; sold to OEMs
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture nonelectronic components for bicycles and sell directly to original equipment manufacturers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            9.21M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            MC
          </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">
            12.58M
          </td>

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

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

          <td class="is-vcentered">
            <div>
              Tires for Heavy Machinery
            </div>
            <div class="is-size-7 has-text-grey">
              These companies produce tires that are sold to diversified manufacturers and incorporated into heavy machinery.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            13.14M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            PCR
          </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">
            46.27M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            TBR
          </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">
            24.15M
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Tube
          </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">
            6.96M
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.20%</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">
              BC
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Bicycle Components; sold to OEMs
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            9.21M
          </td>

          <td class="has-text-right is-vcentered">
              <span>8.20%</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 nonelectronic components for bicycles 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">
              MC
            </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">
            12.58M
          </td>

          <td class="has-text-right is-vcentered">
              <span>11.20%</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">
              Other
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Tires for Heavy Machinery
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            13.14M
          </td>

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

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

            <div class="pl-description is-size-7 has-text-grey">
              These companies produce tires that are sold to diversified manufacturers and incorporated into heavy machinery.
            </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">
              PCR
            </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">
            46.27M
          </td>

          <td class="has-text-right is-vcentered">
              <span>41.20%</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">
              TBR
            </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">
            24.15M
          </td>

          <td class="has-text-right is-vcentered">
              <span>21.50%</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">
              Tube
            </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">
            6.96M
          </td>

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