<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 [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=189&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=189&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=189&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=189&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=189&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=189&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=189&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=189&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=189&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=189&amp;sort%5Bname%5D="><span>Product Line</span><span class="material-symbols-outlined is-size-5">arrow_drop_down</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=189&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=189&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">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Plastics
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship plastics via railroad systems.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            151,759
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Forestry Resources
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship forest products like lumber and pulp via trains.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            91,928
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Food Products
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship, via train, food products including vegetables, canned goods, and dry goods.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            34,361
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Extracted Ore
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship, via trains, metals and ore.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            47,748
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Diversified Refined Materials
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship diversified refined materials via trains.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            232,165
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Diversified Metals and Alloys
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship diversified metals and alloys via railroad systems.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            126,579
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Coal
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship coal via trains from coal production companies to other diversified production companies.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            220,467
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Automobiles
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship automobiles via railroad systems.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            21,568
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping of Agricultural Products
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship, via trains, various agricultural products such as crops, grains etc.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            146,034
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping for Energy Companies
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship products to and from energy companies by train (like coal, but also various chemicals).
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            75,596
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Train Shipping for Diversified Industries
            </div>
            <div class="is-size-7 has-text-grey">
              These companies ship to and from diversified industries using trains.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            175,268
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight-related revenues
          </td>

          <td class="is-vcentered">
            <div>
              Intermodal Shipping (trains)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies offer intermodal transportation services using their trains. This means other shipping companies that use trucks, ships, airplanes etc. may take out a contract with these companies in order to use these trains to carry products to their ultimate destinations. The shipping pattern may look like: airplane to truck to train to truck to final delivery.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            571,595
          </td>

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

        <tr class="">
          <td class="is-vcentered">
            Freight revenues
          </td>

          <td class="is-vcentered">
            <div>
              Intermodal Shipping (trains)
            </div>
            <div class="is-size-7 has-text-grey">
              These companies offer intermodal transportation services using their trains. This means other shipping companies that use trucks, ships, airplanes etc. may take out a contract with these companies in order to use these trains to carry products to their ultimate destinations. The shipping pattern may look like: airplane to truck to train to truck to final delivery.
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            318,992
          </td>

          <td class="has-text-right is-vcentered">
              <span>14.41%</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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Plastics
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            151,759
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.85%</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 ship plastics via railroad systems.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Forestry Resources
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            91,928
          </td>

          <td class="has-text-right is-vcentered">
              <span>4.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 ship forest products like lumber and pulp via trains.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Food Products
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            34,361
          </td>

          <td class="has-text-right is-vcentered">
              <span>1.55%</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 ship, via train, food products including vegetables, canned goods, and dry goods.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Extracted Ore
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            47,748
          </td>

          <td class="has-text-right is-vcentered">
              <span>2.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 ship, via trains, metals and ore.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Diversified Refined Materials
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            232,165
          </td>

          <td class="has-text-right is-vcentered">
              <span>10.49%</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 ship diversified refined materials via trains.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Diversified Metals and Alloys
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            126,579
          </td>

          <td class="has-text-right is-vcentered">
              <span>5.72%</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 ship diversified metals and alloys via railroad systems.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Coal
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            220,467
          </td>

          <td class="has-text-right is-vcentered">
              <span>9.96%</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 ship coal via trains from coal production companies to other diversified production companies.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Automobiles
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            21,568
          </td>

          <td class="has-text-right is-vcentered">
              <span>0.97%</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 ship automobiles via railroad systems.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping of Agricultural Products
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            146,034
          </td>

          <td class="has-text-right is-vcentered">
              <span>6.60%</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 ship, via trains, various agricultural products such as crops, grains 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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping for Energy Companies
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            75,596
          </td>

          <td class="has-text-right is-vcentered">
              <span>3.41%</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 ship products to and from energy companies by train (like coal, but also various chemicals).
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Train Shipping for Diversified Industries
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            175,268
          </td>

          <td class="has-text-right is-vcentered">
              <span>7.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 ship to and from diversified industries using trains.
            </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">
              Freight-related revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Intermodal Shipping (trains)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            571,595
          </td>

          <td class="has-text-right is-vcentered">
              <span>25.82%</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 offer intermodal transportation services using their trains. This means other shipping companies that use trucks, ships, airplanes etc. may take out a contract with these companies in order to use these trains to carry products to their ultimate destinations. The shipping pattern may look like: airplane to truck to train to truck to final delivery.
            </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">
              Freight revenues
            </div>
            <div class="pl-name-container">
              <div class="pl-name" data-toggle-class-target="el">
                Intermodal Shipping (trains)
              </div>
            </div>
          </td>

          <td class="has-text-right is-vcentered">
            318,992
          </td>

          <td class="has-text-right is-vcentered">
              <span>14.41%</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 offer intermodal transportation services using their trains. This means other shipping companies that use trucks, ships, airplanes etc. may take out a contract with these companies in order to use these trains to carry products to their ultimate destinations. The shipping pattern may look like: airplane to truck to train to truck to final delivery.
            </div>
          </td>
        </tr>
    </tbody>
  </table>
</div>

</template></turbo-stream>