<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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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=2879&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">
            Health Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Branded Pharmaceuticals
            </div>
            <div class="is-size-7 has-text-grey">
              These companies research, develop, and manufacture patented drugs.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            18,439
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Wealth Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial and Consumer Insurance; sold through broker
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide diversified insurance, such as property and casualty insurance, to both businesses and consumers, and sell them through insurance brokers.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            27,797
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Wealth Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Diversified Commercial Real Estate Developer (with subcontractors)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies develop diversified commercial real estate properties, such as industrial space, office space, and distribution warehouses. They subcontract certain aspects of the construction process.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            22,347
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Wealth Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Investment Holding Company
            </div>
            <div class="is-size-7 has-text-grey">
              These companies invest in various types of businesses. They typically do so by purchasing and holding large stakes in various types of businesses. However, they often shift constituents and can sometimes be characterized by their tendency to buy and sell smaller companies on a relatively quick time scale.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4,360
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Health Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Managed Care Organizations
            </div>
            <div class="is-size-7 has-text-grey">
              These companies provide health insurance through the managed-care model. They contract with a physician network, restricting their own members to health care services through this particular group of medical care providers.These include HMOs and ACOs.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,598
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Happiness Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Resort Operator
            </div>
            <div class="is-size-7 has-text-grey">
              These companies operate resorts. Examples include resort hotels, ski mountains, etc.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            11,694
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Health Ecosystem
          </td>

          <td class="is-vcentered">
            <div>
              Strollers and Car Seats; retail sales
            </div>
            <div class="is-size-7 has-text-grey">
              These companies manufacture strollers and car seats for consumers and sell them through retail stores that they do not operate.
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.51%</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">
              Health Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Branded Pharmaceuticals
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            18,439
          </td>

          <td class="has-text-right is-vcentered">
              <span>20.79%</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 research, develop, and manufacture patented drugs.
            </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">
              Wealth Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial and Consumer Insurance; sold through broker
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            27,797
          </td>

          <td class="has-text-right is-vcentered">
              <span>31.34%</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 provide diversified insurance, such as property and casualty insurance, to both businesses and consumers, and sell them through insurance brokers.
            </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">
              Wealth Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Diversified Commercial Real Estate Developer (with subcontractors)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            22,347
          </td>

          <td class="has-text-right is-vcentered">
              <span>25.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 develop diversified commercial real estate properties, such as industrial space, office space, and distribution warehouses. They subcontract certain aspects of the construction process.
            </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">
              Wealth Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Investment Holding Company
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            4,360
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.92%</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 invest in various types of businesses. They typically do so by purchasing and holding large stakes in various types of businesses. However, they often shift constituents and can sometimes be characterized by their tendency to buy and sell smaller companies on a relatively quick time scale.
            </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">
              Health Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Managed Care Organizations
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            3,598
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.06%</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 provide health insurance through the managed-care model. They contract with a physician network, restricting their own members to health care services through this particular group of medical care providers.These include HMOs and ACOs.
            </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">
              Happiness Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Resort Operator
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            11,694
          </td>

          <td class="has-text-right is-vcentered">
              <span>13.19%</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 resorts. Examples include resort hotels, ski mountains, etc.
            </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">
              Health Ecosystem
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Strollers and Car Seats; retail sales
              </div>
            </div>
          </td>

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

          <td class="has-text-right is-vcentered">
              <span>0.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 manufacture strollers and car seats for consumers and sell them through retail stores that they do not operate.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>