<div
  style="position: sticky; top: 0; transform: translateY(0px)"
  class="scroll-panel-container"
>
  <div id="add-expression" data-index="-1">
    <span id="add-expression-button"></span>
  </div>
  <div data-index="0" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="float type-icon"></span
        ><span class="column_name">1 + 2</span
        ><span class="column-selector--spacer"></span
        ><span class="expression-edit-button"></span>
      </div>
    </div>
  </div>
  <div data-index="1" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Category</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="2" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">City</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="3" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Country</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="4" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Customer ID</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="5" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Order ID</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="6" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Product ID</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="7" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Region</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="8" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Segment</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="9" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Ship Mode</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="10" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">State</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="11" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="string type-icon"></span
        ><span class="column_name">Sub-Category</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div data-index="12" class="column-selector-column">
    <span class="select-mode is_column_active"></span>
    <div
      draggable="true"
      class="column-selector-draggable column-selector-column-title"
    >
      <div class="column-selector-column-border">
        <span class="datetime type-icon"></span
        ><span class="column_name">Order Date</span
        ><span class="column-selector--spacer"></span>
      </div>
    </div>
  </div>
  <div style="" class="scroll-panel-auto-width"></div>
</div>
<div style="" class="scroll-panel-content"></div>
