Organisms

Organisms are groups of molecules joined together to form a relatively complex, distinct section of an interface.
Building up from molecules to organisms encourages creating standalone, portable, reusable components.

Atomic Design by Brad Frost

Auto scroll

<div class="araxxe-auto-scroll">
  <table class="araxxe-table-striped">
    <thead class="araxxe-table-striped--thead">
      <tr class="araxxe-table-striped--thead--line">
        <th class="araxxe-table-striped--indicator"></th>
        <th class="araxxe-table-striped--thead--cell -w34">
          <button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
        </th>
        <th class="araxxe-table-striped--thead--cell -w130">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column on <br/> multiple lines
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 1
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 2
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 3
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 4
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 5
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 6
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 7
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w140">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 8
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w34">
          <button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
        </th>
      </tr>
    </thead>
    <tbody class="araxxe-table-striped--tbody">
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--open">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 6
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 7
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 8
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div class="araxxe-auto-scroll -h200">
  <table class="araxxe-table-simple -expandable -underlined">
    <tbody class="araxxe-table-simple--tbody">
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-1"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 1
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-2"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 2
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-3"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 3
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-4"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 4
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-5"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 5
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-6"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 6
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-7"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 7
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-8"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 8
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 9
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 10
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 11
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 12
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 13
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 14
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 15
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 16
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 17
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 18
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 19
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 20
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 21
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 22
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 23
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 24
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 25
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 26
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 27
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 28
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 29
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 30
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 31
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 32
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 33
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 34
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 35
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 36
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 37
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 38
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 39
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 40
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 41
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 42
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
    </tbody>
  </table>
</div>
<div class="araxxe-auto-scroll -hmax200">
  <table class="araxxe-table-simple -expandable -underlined">
    <tbody class="araxxe-table-simple--tbody">
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-1"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 1
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-2"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 2
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-3"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 3
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-4"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 4
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-5"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 5
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-6"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 6
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-7"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 7
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-8"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 8
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 9
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 10
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 11
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 12
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 13
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 14
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 15
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 16
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 17
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 18
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 19
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 20
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 21
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 22
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 23
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 24
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 25
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 26
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 27
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 28
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 29
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 30
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 31
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 32
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 33
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 34
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 35
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 36
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 37
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 38
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 39
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 40
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 41
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-9"></span>
        </td>
        <td class="araxxe-table-simple--cell -expand">Label 42
        </td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">1234
          </p>
        </td>
        <td class="araxxe-table-simple--cell">42</td>
      </tr>
    </tbody>
  </table>
</div>
<div class="araxxe-auto-scroll -h-window-necessary">
  <table class="araxxe-table-striped">
    <thead class="araxxe-table-striped--thead -sticky -fill-shade-95">
      <tr class="araxxe-table-striped--thead--line">
        <th class="araxxe-table-striped--indicator"></th>
        <th class="araxxe-table-striped--thead--cell -w34">
          <button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
        </th>
        <th class="araxxe-table-striped--thead--cell -w130">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column on <br/> multiple lines
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 1
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 2
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 3
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 4
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell">
          <div class="araxxe-column-sorting">
            <div class="araxxe-column-sorting--text">
              <div class="araxxe-title-info">Column 5
              </div>
            </div>
            <div class="araxxe-column-sorting--sort">
              <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
            </div>
          </div>
        </th>
        <th class="araxxe-table-striped--thead--cell -w34">
          <button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
        </th>
      </tr>
    </thead>
    <tbody class="araxxe-table-striped--tbody">
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 1 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--open">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 2 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 3 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 4 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 5 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 6 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 7 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 8 Column 1 on a long line to be displayed as ellipsis">Line 8 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 8 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 8 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-main -s34 -clickable -vertical-mirror"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line">
        <td class="araxxe-table-striped--tbody--cell-details" colspan="9">
          <div class="araxxe-container -s15">
            <table class="araxxe-table-simple">
              <tbody class="araxxe-table-simple--tbody">
                <tr class="araxxe-table-simple--line">
                  <th class="araxxe-table-simple--cell -w140">
                    <div class="araxxe-title-info -ellipsis" title="Key 1">Key 1
                    </div>
                  </th>
                  <td class="araxxe-table-simple--cell">Value 1</td>
                </tr>
                <tr class="araxxe-table-simple--line">
                  <th class="araxxe-table-simple--cell -w140">
                    <div class="araxxe-title-info -ellipsis" title="Key 2">Key 2
                    </div>
                  </th>
                  <td class="araxxe-table-simple--cell">Value 2</td>
                </tr>
                <tr class="araxxe-table-simple--line">
                  <th class="araxxe-table-simple--cell -w140">
                    <div class="araxxe-title-info -ellipsis" title="A very long key for 3">A very long key for 3
                    </div>
                  </th>
                  <td class="araxxe-table-simple--cell">Value 3</td>
                </tr>
              </tbody>
            </table>
          </div>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 9 Column 1 on a long line to be displayed as ellipsis">Line 9 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 9 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 9 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 10 Column 1 on a long line to be displayed as ellipsis">Line 10 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 10 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 10 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 11 Column 1 on a long line to be displayed as ellipsis">Line 11 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 11 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 11 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 12 Column 1 on a long line to be displayed as ellipsis">Line 12 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 12 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 12 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 13 Column 1 on a long line to be displayed as ellipsis">Line 13 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 13 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 13 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 14 Column 1 on a long line to be displayed as ellipsis">Line 14 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 14 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 14 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 15 Column 1 on a long line to be displayed as ellipsis">Line 15 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 15 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 15 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 16 Column 1 on a long line to be displayed as ellipsis">Line 16 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 16 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 16 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 17 Column 1 on a long line to be displayed as ellipsis">Line 17 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 17 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 17 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 18 Column 1 on a long line to be displayed as ellipsis">Line 18 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 18 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 18 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 19 Column 1 on a long line to be displayed as ellipsis">Line 19 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 19 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 19 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
      <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
        <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <div class="araxxe-horizontal-spacing -s5 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-notification-double-icon">
                <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dropdown ion--close">
                <div class="araxxe-dropdown--button">
                  <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                  </button>
                </div>
                <div class="araxxe-dropdown--area -w300">
                  <div class="araxxe-contextual-menu">
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                        </div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h34">
                        <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                    <div class="araxxe-contextual-menu--slot">
                      <button class="araxxe-contextual-entry ion--hoverable -h44">
                        <div class="araxxe-contextual-entry--slot">
                          <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                        </div>
                        <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </td>
        <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 20 Column 1 on a long line to be displayed as ellipsis">Line 20 Column 1 on a long line to be displayed as ellipsis</span>
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 20 Column 2
        </td>
        <td class="araxxe-table-striped--tbody--cell">4,200
        </td>
        <td class="araxxe-table-striped--tbody--cell">0,000
        </td>
        <td class="araxxe-table-striped--tbody--cell">Line 20 Column 5
        </td>
        <td class="araxxe-table-striped--tbody--cell">
          <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
        </td>
      </tr>
    </tbody>
  </table>
</div>

.araxxe-auto-scroll
  table.araxxe-table-striped
    thead.araxxe-table-striped--thead
      tr.araxxe-table-striped--thead--line
        th.araxxe-table-striped--indicator
        th.araxxe-table-striped--thead--cell.-w34
          button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w130
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column on
                br
                | multiple lines
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 1
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 2
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 3
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 4
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 5
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 6
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 7
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w140
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 8
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w34
          button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
    tbody.araxxe-table-striped--tbody
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 1 Column 1 on a long line to be displayed as ellipsis")
            | Line 1 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 1 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 1 Column 5
        td.araxxe-table-striped--tbody--cell Line 1 Column 6
        td.araxxe-table-striped--tbody--cell Line 1 Column 7
        td.araxxe-table-striped--tbody--cell Line 1 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-success(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--open
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 2 Column 1 on a long line to be displayed as ellipsis")
            | Line 2 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 2 Column 2
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-danger 4,200
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-shade-0 1,234
        td.araxxe-table-striped--tbody--cell Line 2 Column 5
        td.araxxe-table-striped--tbody--cell Line 2 Column 6
        td.araxxe-table-striped--tbody--cell Line 2 Column 7
        td.araxxe-table-striped--tbody--cell Line 2 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-danger(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 3 Column 1 on a long line to be displayed as ellipsis")
            | Line 3 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 3 Column 2
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-success 4,200
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-shade-0 1,234
        td.araxxe-table-striped--tbody--cell Line 3 Column 5
        td.araxxe-table-striped--tbody--cell Line 3 Column 6
        td.araxxe-table-striped--tbody--cell Line 3 Column 7
        td.araxxe-table-striped--tbody--cell Line 3 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 4 Column 1 on a long line to be displayed as ellipsis")
            | Line 4 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 4 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 4 Column 5
        td.araxxe-table-striped--tbody--cell Line 4 Column 6
        td.araxxe-table-striped--tbody--cell Line 4 Column 7
        td.araxxe-table-striped--tbody--cell Line 4 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 5 Column 1 on a long line to be displayed as ellipsis")
            | Line 5 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 5 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 5 Column 5
        td.araxxe-table-striped--tbody--cell Line 5 Column 6
        td.araxxe-table-striped--tbody--cell Line 5 Column 7
        td.araxxe-table-striped--tbody--cell Line 5 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 6 Column 1 on a long line to be displayed as ellipsis")
            | Line 6 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 6 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 6 Column 5
        td.araxxe-table-striped--tbody--cell Line 6 Column 6
        td.araxxe-table-striped--tbody--cell Line 6 Column 7
        td.araxxe-table-striped--tbody--cell Line 6 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 7 Column 1 on a long line to be displayed as ellipsis")
            | Line 7 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 7 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 7 Column 5
        td.araxxe-table-striped--tbody--cell Line 7 Column 6
        td.araxxe-table-striped--tbody--cell Line 7 Column 7
        td.araxxe-table-striped--tbody--cell Line 7 Column 8
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
.araxxe-auto-scroll.-h200
  table.araxxe-table-simple.-expandable.-underlined
    tbody.araxxe-table-simple--tbody
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-1
        td.araxxe-table-simple--cell.-expand Label 1
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-2
        td.araxxe-table-simple--cell.-expand Label 2
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-3
        td.araxxe-table-simple--cell.-expand Label 3
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-4
        td.araxxe-table-simple--cell.-expand Label 4
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-5
        td.araxxe-table-simple--cell.-expand Label 5
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-6
        td.araxxe-table-simple--cell.-expand Label 6
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-7
        td.araxxe-table-simple--cell.-expand Label 7
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-8
        td.araxxe-table-simple--cell.-expand Label 8
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 9
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 10
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 11
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 12
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 13
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 14
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 15
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 16
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 17
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 18
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 19
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 20
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 21
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 22
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 23
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 24
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 25
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 26
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 27
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 28
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 29
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 30
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 31
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 32
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 33
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 34
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 35
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 36
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 37
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 38
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 39
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 40
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 41
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 42
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
.araxxe-auto-scroll.-hmax200
  table.araxxe-table-simple.-expandable.-underlined
    tbody.araxxe-table-simple--tbody
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-1
        td.araxxe-table-simple--cell.-expand Label 1
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-2
        td.araxxe-table-simple--cell.-expand Label 2
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-3
        td.araxxe-table-simple--cell.-expand Label 3
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-4
        td.araxxe-table-simple--cell.-expand Label 4
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-5
        td.araxxe-table-simple--cell.-expand Label 5
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-6
        td.araxxe-table-simple--cell.-expand Label 6
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-7
        td.araxxe-table-simple--cell.-expand Label 7
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-8
        td.araxxe-table-simple--cell.-expand Label 8
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 9
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 10
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 11
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 12
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 13
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 14
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 15
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 16
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 17
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 18
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 19
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 20
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 21
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 22
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 23
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 24
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 25
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 26
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 27
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 28
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 29
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 30
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 31
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 32
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 33
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 34
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 35
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 36
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 37
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 38
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 39
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 40
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 41
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell
          span.araxxe-spot.-s18.-fill-graph-9
        td.araxxe-table-simple--cell.-expand Label 42
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 1234
        td.araxxe-table-simple--cell 42
.araxxe-auto-scroll.-h-window-necessary
  table.araxxe-table-striped
    thead.araxxe-table-striped--thead.-sticky.-fill-shade-95
      tr.araxxe-table-striped--thead--line
        th.araxxe-table-striped--indicator
        th.araxxe-table-striped--thead--cell.-w34
          button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w130
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column on
                br
                | multiple lines
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
        th.araxxe-table-striped--thead--cell
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 1
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 2
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 3
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 4
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell
          .araxxe-column-sorting
            .araxxe-column-sorting--text
              .araxxe-title-info Column 5
            .araxxe-column-sorting--sort
              button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
        th.araxxe-table-striped--thead--cell.-w34
          button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
    tbody.araxxe-table-striped--tbody
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 1 Column 1 on a long line to be displayed as ellipsis")
            | Line 1 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 1 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 1 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-success(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--open
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 2 Column 1 on a long line to be displayed as ellipsis")
            | Line 2 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 2 Column 2
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-danger 4,200
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-shade-0 1,234
        td.araxxe-table-striped--tbody--cell Line 2 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-danger(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 3 Column 1 on a long line to be displayed as ellipsis")
            | Line 3 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 3 Column 2
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-success 4,200
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-bold.-color-shade-0 1,234
        td.araxxe-table-striped--tbody--cell Line 3 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 4 Column 1 on a long line to be displayed as ellipsis")
            | Line 4 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 4 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 4 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 5 Column 1 on a long line to be displayed as ellipsis")
            | Line 5 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 5 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 5 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 6 Column 1 on a long line to be displayed as ellipsis")
            | Line 6 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 6 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 6 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 7 Column 1 on a long line to be displayed as ellipsis")
            | Line 7 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 7 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 7 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 8 Column 1 on a long line to be displayed as ellipsis")
            | Line 8 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 8 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 8 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-main.-s34.-clickable.-vertical-mirror
      tr.araxxe-table-striped--tbody--line
        td.araxxe-table-striped--tbody--cell-details(colspan="9")
          .araxxe-container.-s15
            table.araxxe-table-simple
              tbody.araxxe-table-simple--tbody
                tr.araxxe-table-simple--line
                  th.araxxe-table-simple--cell.-w140
                    .araxxe-title-info.-ellipsis(title="Key 1")
                      | Key 1
                  td.araxxe-table-simple--cell Value 1
                tr.araxxe-table-simple--line
                  th.araxxe-table-simple--cell.-w140
                    .araxxe-title-info.-ellipsis(title="Key 2")
                      | Key 2
                  td.araxxe-table-simple--cell Value 2
                tr.araxxe-table-simple--line
                  th.araxxe-table-simple--cell.-w140
                    .araxxe-title-info.-ellipsis(title="A very long key for 3")
                      | A very long key for 3
                  td.araxxe-table-simple--cell Value 3
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 9 Column 1 on a long line to be displayed as ellipsis")
            | Line 9 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 9 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 9 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 10 Column 1 on a long line to be displayed as ellipsis")
            | Line 10 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 10 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 10 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 11 Column 1 on a long line to be displayed as ellipsis")
            | Line 11 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 11 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 11 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 12 Column 1 on a long line to be displayed as ellipsis")
            | Line 12 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 12 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 12 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 13 Column 1 on a long line to be displayed as ellipsis")
            | Line 13 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 13 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 13 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 14 Column 1 on a long line to be displayed as ellipsis")
            | Line 14 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 14 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 14 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 15 Column 1 on a long line to be displayed as ellipsis")
            | Line 15 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 15 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 15 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 16 Column 1 on a long line to be displayed as ellipsis")
            | Line 16 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 16 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 16 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 17 Column 1 on a long line to be displayed as ellipsis")
            | Line 17 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 17 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 17 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 18 Column 1 on a long line to be displayed as ellipsis")
            | Line 18 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 18 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 18 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 19 Column 1 on a long line to be displayed as ellipsis")
            | Line 19 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 19 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 19 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
      tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
        td.araxxe-table-striped--indicator
          span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
        td.araxxe-table-striped--tbody--cell
          .araxxe-horizontal-spacing.-s5.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-notification-double-icon
                .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
            .araxxe-horizontal-spacing--column
              .araxxe-dropdown.ion--close
                .araxxe-dropdown--button
                  button.araxxe-caret-button
                    span.araxxe-caret-button--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-dropdown--area.-w300
                  .araxxe-contextual-menu
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry for status
                        .araxxe-contextual-entry--slot
                          span.araxxe-switch.-off(role="switch" aria-checked="false")
                            span.araxxe-switch--button
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h34
                        .araxxe-contextual-entry--slot
                          span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                        .araxxe-contextual-entry--slot.-expand Contextual entry
                    .araxxe-contextual-menu--slot
                      button.araxxe-contextual-entry.ion--hoverable.-h44
                        .araxxe-contextual-entry--slot
                          span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                        .araxxe-contextual-entry--slot.-expand Contextual entry
        td.araxxe-table-striped--tbody--cell
          span.araxxe-text.-ellipsis(title="Line 20 Column 1 on a long line to be displayed as ellipsis")
            | Line 20 Column 1 on a long line to be displayed as ellipsis
        td.araxxe-table-striped--tbody--cell Line 20 Column 2
        td.araxxe-table-striped--tbody--cell 4,200
        td.araxxe-table-striped--tbody--cell 0,000
        td.araxxe-table-striped--tbody--cell Line 20 Column 5
        td.araxxe-table-striped--tbody--cell
          button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable

Block link

<div class="araxxe-card araxxe-block-link"><a class="araxxe-block-link--link" href="#"></a>link</div>

.araxxe-card.araxxe-block-link
  a.araxxe-block-link--link(href="#")
  | link

Calendar picker

<div class="araxxe-calendar-picker">
  <div class="araxxe-calendar-picker--header -clickable">
    <div class="araxxe-calendar-picker--header--slot">January</div>
    <div class="araxxe-calendar-picker--header--slot">2019</div>
    <div class="araxxe-calendar-picker--header--slot">
      <span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
    </div>
  </div>
  <div class="araxxe-calendar-picker--body">
    <div class="araxxe-calendar-table">
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell"></div>
        <div class="araxxe-calendar-table--cell"></div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit -selected ">1
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">3
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">4
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">5
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">6
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">7
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">8
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">9
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">10
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">11
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">12
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">13
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">14
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">15
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">16
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">17
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">18
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">19
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">20
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">21
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">22
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">23
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">24
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">25
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">26
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">27
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">28
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">29
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">30
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">31
          </button>
        </div>
        <div class="araxxe-calendar-table--cell"></div>
        <div class="araxxe-calendar-table--cell"></div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-calendar-picker">
  <div class="araxxe-calendar-picker--header -clickable -activated">
    <div class="araxxe-calendar-picker--header--slot">January</div>
    <div class="araxxe-calendar-picker--header--slot">2019</div>
    <div class="araxxe-calendar-picker--header--slot">
      <span class="araxxe-icon araxxe-glyph-arrow-up -s24"></span>
    </div>
  </div>
  <div class="araxxe-calendar-picker--body">
    <div class="araxxe-calendar-table">
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">JAN
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">FEB
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">MAR
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">APR
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">MAY
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">JUN
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">JUL
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">AUG
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">SEP
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit -selected ">OCT
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">NOV
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">DEC
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-calendar-picker">
  <div class="araxxe-calendar-picker--header -clickable -activated">
    <div class="araxxe-calendar-picker--header--slot">January</div>
    <div class="araxxe-calendar-picker--header--slot">2019</div>
    <div class="araxxe-calendar-picker--header--slot">
      <span class="araxxe-icon araxxe-glyph-arrow-up -s24"></span>
    </div>
  </div>
  <div class="araxxe-calendar-picker--body">
    <div class="araxxe-calendar-table">
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-icon araxxe-glyph-arrow-left-rounded -color-shade-50 -s28 -clickable"></button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2014
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2018
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  " disabled="disabled">2011
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2015
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit -selected ">2019
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  " disabled="disabled">2012
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2016
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  -current">2020
          </button>
        </div>
      </div>
      <div class="araxxe-calendar-table--line">
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2013
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-calendar-unit  ">2017
          </button>
        </div>
        <div class="araxxe-calendar-table--cell">
          <button class="araxxe-icon araxxe-glyph-arrow-right-rounded -color-shade-50 -s28 -clickable"></button>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-calendar-picker
  .araxxe-calendar-picker--header.-clickable
    .araxxe-calendar-picker--header--slot January
    .araxxe-calendar-picker--header--slot 2019
    .araxxe-calendar-picker--header--slot
      span.araxxe-icon.araxxe-glyph-arrow-down.-s24
  .araxxe-calendar-picker--body
    .araxxe-calendar-table
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
        .araxxe-calendar-table--cell
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit.-selected 1
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 3
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 4
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 5
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 6
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 7
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 8
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 9
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 10
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 11
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 12
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 13
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 14
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 15
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 16
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 17
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 18
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 19
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 20
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 21
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 22
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 23
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 24
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 25
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 26
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 27
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 28
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 29
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 30
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 31
        .araxxe-calendar-table--cell
        .araxxe-calendar-table--cell
.araxxe-calendar-picker
  .araxxe-calendar-picker--header.-clickable.-activated
    .araxxe-calendar-picker--header--slot January
    .araxxe-calendar-picker--header--slot 2019
    .araxxe-calendar-picker--header--slot
      span.araxxe-icon.araxxe-glyph-arrow-up.-s24
  .araxxe-calendar-picker--body
    .araxxe-calendar-table
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit JAN
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit FEB
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit MAR
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit APR
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit MAY
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit JUN
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit JUL
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit AUG
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit SEP
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit.-selected OCT
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit NOV
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit DEC
.araxxe-calendar-picker
  .araxxe-calendar-picker--header.-clickable.-activated
    .araxxe-calendar-picker--header--slot January
    .araxxe-calendar-picker--header--slot 2019
    .araxxe-calendar-picker--header--slot
      span.araxxe-icon.araxxe-glyph-arrow-up.-s24
  .araxxe-calendar-picker--body
    .araxxe-calendar-table
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-color-shade-50.-s28.-clickable
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2014
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2018
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit(disabled="disabled")
            | 2011
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2015
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit.-selected 2019
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit(disabled="disabled")
            | 2012
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2016
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit.-current 2020
      .araxxe-calendar-table--line
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2013
        .araxxe-calendar-table--cell
          button.araxxe-calendar-unit 2017
        .araxxe-calendar-table--cell
          button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-color-shade-50.-s28.-clickable

Card

<div class="araxxe-card">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-vertical-spacing -s5">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-horizontal-spacing -s10 -middle">
            <div class="araxxe-horizontal-spacing--column -expand">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-badge -ebv">Badge
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-badge -active">Badge
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-subtitle-card">Subtitle card
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-separe">
        <div class="araxxe-rate-chart  -fill-ebv">
          <div class="araxxe-rate-chart--background  ">
            <div class="araxxe-rate-chart--progress -p38">
              <div class="araxxe-rate-chart--hs"></div>
              <div class="araxxe-rate-chart--he"></div>
            </div>
          </div>
          <div class="araxxe-rate-chart--hole">
          </div>
        </div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">7
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">3
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">3
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">1
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -bordered">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-vertical-spacing -s5">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-horizontal-spacing -s10 -middle">
            <div class="araxxe-horizontal-spacing--column -expand">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-badge -ebv">Badge
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-badge -active">Badge
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-subtitle-card">Subtitle card
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-separe">
        <div class="araxxe-rate-chart  -fill-ebv">
          <div class="araxxe-rate-chart--background  ">
            <div class="araxxe-rate-chart--progress -p41">
              <div class="araxxe-rate-chart--hs"></div>
              <div class="araxxe-rate-chart--he"></div>
            </div>
          </div>
          <div class="araxxe-rate-chart--hole">
          </div>
        </div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">7
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">3
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">3
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">1
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -inactive">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-vertical-spacing -s5">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-horizontal-spacing -s10 -middle">
            <div class="araxxe-horizontal-spacing--column -expand">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-badge -ebv">Badge
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-badge -inactive">Badge
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-subtitle-card">Subtitle card
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-separe">
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">7
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">3
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">3
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-separe--separator"></div>
        <div class="araxxe-horizontal-separe--column">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <p class="araxxe-description -color-ebv">1
              </p>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-title-info">Title info
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -faded">
  <div class="araxxe-horizontal-spacing -s30 -top -center">
    <div class="araxxe-horizontal-spacing--column">
      <div class="araxxe-pie-chart">
        <div class="araxxe-pie-chart--content">
          <div class="araxxe-pie-chart--number">42</div>
          <div class="araxxe-pie-chart--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
        <div class="araxxe-pie-chart--piece -fill-graph-1 -o0 -p35">
          <div class="araxxe-pie-chart--hs"></div>
          <div class="araxxe-pie-chart--he"></div>
        </div>
        <div class="araxxe-pie-chart--piece -fill-graph-2 -o35 -p30">
          <div class="araxxe-pie-chart--hs"></div>
          <div class="araxxe-pie-chart--he"></div>
        </div>
        <div class="araxxe-pie-chart--piece -fill-graph-3 -o65 -p20">
          <div class="araxxe-pie-chart--hs"></div>
          <div class="araxxe-pie-chart--he"></div>
        </div>
        <div class="araxxe-pie-chart--piece -fill-graph-4 -o85 -p10">
          <div class="araxxe-pie-chart--hs"></div>
          <div class="araxxe-pie-chart--he"></div>
        </div>
        <div class="araxxe-pie-chart--piece -fill-graph-5 -o95 -p5">
          <div class="araxxe-pie-chart--hs"></div>
          <div class="araxxe-pie-chart--he"></div>
        </div>
      </div>
    </div>
    <div class="araxxe-horizontal-spacing--column -expand">
      <table class="araxxe-table-simple -expandable -underlined">
        <tbody class="araxxe-table-simple--tbody">
          <tr class="araxxe-table-simple--line -align-middle">
            <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-1"></span>
            </td>
            <td class="araxxe-table-simple--cell -expand">Label 1
            </td>
            <td class="araxxe-table-simple--cell -align-right">
              <p class="araxxe-description">1234
              </p>
            </td>
            <td class="araxxe-table-simple--cell">42</td>
          </tr>
          <tr class="araxxe-table-simple--line -align-middle">
            <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-2"></span>
            </td>
            <td class="araxxe-table-simple--cell -expand">Label 2
            </td>
            <td class="araxxe-table-simple--cell -align-right">
              <p class="araxxe-description">1234
              </p>
            </td>
            <td class="araxxe-table-simple--cell">42</td>
          </tr>
          <tr class="araxxe-table-simple--line -align-middle">
            <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-3"></span>
            </td>
            <td class="araxxe-table-simple--cell -expand">Label 3
            </td>
            <td class="araxxe-table-simple--cell -align-right">
              <p class="araxxe-description">1234
              </p>
            </td>
            <td class="araxxe-table-simple--cell">42</td>
          </tr>
          <tr class="araxxe-table-simple--line -align-middle">
            <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-4"></span>
            </td>
            <td class="araxxe-table-simple--cell -expand">Label 4
            </td>
            <td class="araxxe-table-simple--cell -align-right">
              <p class="araxxe-description">1234
              </p>
            </td>
            <td class="araxxe-table-simple--cell">42</td>
          </tr>
          <tr class="araxxe-table-simple--line -align-middle">
            <td class="araxxe-table-simple--cell"><span class="araxxe-spot -s18 -fill-graph-5"></span>
            </td>
            <td class="araxxe-table-simple--cell -expand">Label 5
            </td>
            <td class="araxxe-table-simple--cell -align-right">
              <p class="araxxe-description">1234
              </p>
            </td>
            <td class="araxxe-table-simple--cell">42</td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</div>
<div class="araxxe-card">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line -align-center">
      <span class="araxxe-icon araxxe-glyph-attach -s128"></span>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-spacing -s30 -bottom -left">
        <div class="araxxe-horizontal-spacing--column">
          <h3 class="araxxe-title-card">Title card
          </h3>
        </div>
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-subtitle-card">Subtitle card
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column">Text</div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-subtitle-card">Subtitle card
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line -align-center"><img class="araxxe-thumbnail" src="/atom/thumbnail/thumbnail-small.jpg" alt="Thumbnail"/>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-spacing -s30 -bottom -left">
        <div class="araxxe-horizontal-spacing--column">
          <h3 class="araxxe-title-card">Title card
          </h3>
        </div>
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-subtitle-card">Subtitle card
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column">Text</div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-subtitle-card">Subtitle card
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -faded">
  <div class="araxxe-horizontal-spacing -s30 -middle">
    <div class="araxxe-horizontal-spacing--column">
      <span class="araxxe-icon araxxe-glyph-date-range -color-main -s24"></span>
    </div>
    <div class="araxxe-horizontal-spacing--column -expand">
      <div class="araxxe-date-range">
        <div class="araxxe-date-range--from">
          <div class="araxxe-horizontal-spacing -s10 -bottom">
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">from</span>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-text-date" contenteditable="contenteditable">24.11.2020</div>
            </div>
          </div>
        </div>
        <div class="araxxe-date-range--between">
          <span class="araxxe-icon araxxe-glyph-arrow-right -color-shade-50 -s24"></span>
        </div>
        <div class="araxxe-date-range--to">
          <div class="araxxe-horizontal-spacing -s10 -bottom">
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">to</span>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-text-date" contenteditable="contenteditable">24.11.2020</div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -faded">
  <div class="araxxe-horizontal-spacing -s20 -middle -wrap">
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/lux.svg" alt="lux"/></span><span class="araxxe-button-rounded--slot">Luxembourg</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/deu.svg" alt="deu"/></span><span class="araxxe-button-rounded--slot">Germany</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/dnk.svg" alt="dnk"/></span><span class="araxxe-button-rounded--slot">Denmark</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/esp.svg" alt="esp"/></span><span class="araxxe-button-rounded--slot">Spain</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/idn.svg" alt="idn"/></span><span class="araxxe-button-rounded--slot">Indonesia</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
      </button>
    </div>
    <div class="araxxe-horizontal-spacing--column">
      <button class="araxxe-button-rounded -ghost -desaturate"><span class="araxxe-button-rounded--slot"><img class="araxxe-country -h12" src="/atom/country/svg/mli.svg" alt="mli"/></span><span class="araxxe-button-rounded--slot">Mali</span>
      </button>
    </div>
  </div>
</div>
<div class="araxxe-card -a2psms-o -wrapped">
  <div class="araxxe-card--header">
    <div class="araxxe-horizontal-spacing -s5">
      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Info</span>
      </div>
      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-flag -a2psms-o -inverted">O</span>
      </div>
    </div>
  </div>
  <div class="araxxe-card--body">
    <div class="araxxe-vertical-spacing -s5 -align-center">
      <div class="araxxe-vertical-spacing--line araxxe-card--tint"><span class="araxxe-number  -ts48 ">15 000</span>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <h3 class="araxxe-title-card">Title
        </h3>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-subtitle-card">Description
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -a2psms-oio -wrapped">
  <div class="araxxe-card--header">
    <div class="araxxe-horizontal-spacing -s5">
      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Info</span>
      </div>
      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-flag -a2psms-oio -inverted">O</span>
      </div>
    </div>
  </div>
  <div class="araxxe-card--body">
    <div class="araxxe-vertical-spacing -s5 -align-center">
      <div class="araxxe-vertical-spacing--line araxxe-card--tint"><span class="araxxe-number  -ts48 ">15 000</span>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <h3 class="araxxe-title-card">Title
        </h3>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-subtitle-card">Description
        </div>
      </div>
    </div>
  </div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
  <div class="araxxe-card -flat">Flat Card
  </div>
</div>
<div class="araxxe-card -service-ebv -wrapped">
  <div class="araxxe-card--header -align-center"><span class="araxxe-text-info">January 2020</span>
  </div>
  <div class="araxxe-card--body">
    <div class="araxxe-vertical-spacing -s20">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s0 -align-center">
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-ebv -ts48 ">1234</span>
          </div>
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
          </div>
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-text -color-shade-50">at the end of the month</span>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-table-layout -vp0">
          <table class="araxxe-table-simple">
            <tbody class="araxxe-table-simple--tbody">
              <tr class="araxxe-table-simple--line">
                <th class="araxxe-table-simple--cell -w40">
                  <p class="araxxe-description">42
                  </p>
                </th>
                <td class="araxxe-table-simple--cell">text</td>
              </tr>
              <tr class="araxxe-table-simple--line">
                <th class="araxxe-table-simple--cell -w40">
                  <p class="araxxe-description">42
                  </p>
                </th>
                <td class="araxxe-table-simple--cell">text</td>
              </tr>
              <tr class="araxxe-table-simple--line">
                <th class="araxxe-table-simple--cell -w40">
                  <p class="araxxe-description">42
                  </p>
                </th>
                <td class="araxxe-table-simple--cell">text</td>
              </tr>
              <tr class="araxxe-table-simple--line">
                <th class="araxxe-table-simple--cell -w40">
                  <p class="araxxe-description">42
                  </p>
                </th>
                <td class="araxxe-table-simple--cell">text</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -service-simbox -offset -wrapped">
  <div class="araxxe-card--icon-circled">
    <div class="araxxe-icon-circled -s44">
      <span class="araxxe-icon araxxe-glyph-voice -color-service-simbox -s24"></span>
    </div>
  </div>
  <div class="araxxe-card--header -align-center"><span class="araxxe-text-info">Info</span>
  </div>
  <div class="araxxe-card--body">
    <div class="araxxe-horizontal-separe -equivalent">
      <div class="araxxe-horizontal-separe--column">
        <div class="araxxe-vertical-spacing -s0 -align-center">
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-simbox -ts48 ">1234</span>
          </div>
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
          </div>
        </div>
      </div>
      <div class="araxxe-horizontal-separe--separator"></div>
      <div class="araxxe-horizontal-separe--column">
        <div class="araxxe-vertical-spacing -s0 -align-center">
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-simbox -ts48 ">1234</span>
          </div>
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
          </div>
        </div>
      </div>
      <div class="araxxe-horizontal-separe--separator"></div>
      <div class="araxxe-horizontal-separe--column">
        <div class="araxxe-vertical-spacing -s0 -align-center">
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-number -color-service-simbox -ts48 ">1234</span>
          </div>
          <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-card -grey-light -offset -wrapped">
  <div class="araxxe-card--header -align-center"><span class="araxxe-text-info -color-shade-50">Info</span>
  </div>
  <div class="araxxe-card--body">
    <div class="araxxe-vertical-spacing -s0 -align-center">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-horizontal-spacing -s10 -center -middle">
          <div class="araxxe-horizontal-spacing--column">
            <div class="araxxe-rate-chart -s48 -fill-service-simbox">
              <div class="araxxe-rate-chart--background  ">
                <div class="araxxe-rate-chart--progress -p34">
                  <div class="araxxe-rate-chart--hs"></div>
                  <div class="araxxe-rate-chart--he"></div>
                </div>
              </div>
              <div class="araxxe-rate-chart--hole">
                <div class="araxxe-rate-chart--hole--icon">
                  <span class="araxxe-icon araxxe-glyph-voice -s24"></span>
                </div>
              </div>
            </div>
          </div>
          <div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">19<span class="araxxe-number--half">%</span></span>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Info</span>
      </div>
    </div>
  </div>
  <div class="araxxe-card--info">
    <button class="araxxe-icon araxxe-glyph-info -color-shade-75 -hover-color-shade-85 -s16 -clickable"></button>
  </div>
</div>

.araxxe-card
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line
      .araxxe-vertical-spacing.-s5
        .araxxe-vertical-spacing--line
          .araxxe-horizontal-spacing.-s10.-middle
            .araxxe-horizontal-spacing--column.-expand
              h3.araxxe-title-card Title card
            .araxxe-horizontal-spacing--column
              .araxxe-badge.-ebv Badge
            .araxxe-horizontal-spacing--column
              .araxxe-badge.-active Badge
        .araxxe-vertical-spacing--line
          .araxxe-subtitle-card Subtitle card
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-separe
        .araxxe-rate-chart.-fill-ebv
          .araxxe-rate-chart--background
            .araxxe-rate-chart--progress.-p38
              .araxxe-rate-chart--hs
              .araxxe-rate-chart--he
          .araxxe-rate-chart--hole
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 7
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 3
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 3
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 1
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
.araxxe-card.-bordered
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line
      .araxxe-vertical-spacing.-s5
        .araxxe-vertical-spacing--line
          .araxxe-horizontal-spacing.-s10.-middle
            .araxxe-horizontal-spacing--column.-expand
              h3.araxxe-title-card Title card
            .araxxe-horizontal-spacing--column
              .araxxe-badge.-ebv Badge
            .araxxe-horizontal-spacing--column
              .araxxe-badge.-active Badge
        .araxxe-vertical-spacing--line
          .araxxe-subtitle-card Subtitle card
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-separe
        .araxxe-rate-chart.-fill-ebv
          .araxxe-rate-chart--background
            .araxxe-rate-chart--progress.-p41
              .araxxe-rate-chart--hs
              .araxxe-rate-chart--he
          .araxxe-rate-chart--hole
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 7
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 3
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 3
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 1
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
.araxxe-card.-inactive
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line
      .araxxe-vertical-spacing.-s5
        .araxxe-vertical-spacing--line
          .araxxe-horizontal-spacing.-s10.-middle
            .araxxe-horizontal-spacing--column.-expand
              h3.araxxe-title-card Title card
            .araxxe-horizontal-spacing--column
              .araxxe-badge.-ebv Badge
            .araxxe-horizontal-spacing--column
              .araxxe-badge.-inactive Badge
        .araxxe-vertical-spacing--line
          .araxxe-subtitle-card Subtitle card
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-separe
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 7
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 3
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 3
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
        .araxxe-horizontal-separe--separator
        .araxxe-horizontal-separe--column
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              p.araxxe-description.-color-ebv 1
            .araxxe-vertical-spacing--line
              .araxxe-title-info Title info
.araxxe-card.-faded
  .araxxe-horizontal-spacing.-s30.-top.-center
    .araxxe-horizontal-spacing--column
      .araxxe-pie-chart
        .araxxe-pie-chart--content
          .araxxe-pie-chart--number 42
          .araxxe-pie-chart--unit
            span.araxxe-unit Unit
        .araxxe-pie-chart--piece.-fill-graph-1.-o0.-p35
          .araxxe-pie-chart--hs
          .araxxe-pie-chart--he
        .araxxe-pie-chart--piece.-fill-graph-2.-o35.-p30
          .araxxe-pie-chart--hs
          .araxxe-pie-chart--he
        .araxxe-pie-chart--piece.-fill-graph-3.-o65.-p20
          .araxxe-pie-chart--hs
          .araxxe-pie-chart--he
        .araxxe-pie-chart--piece.-fill-graph-4.-o85.-p10
          .araxxe-pie-chart--hs
          .araxxe-pie-chart--he
        .araxxe-pie-chart--piece.-fill-graph-5.-o95.-p5
          .araxxe-pie-chart--hs
          .araxxe-pie-chart--he
    .araxxe-horizontal-spacing--column.-expand
      table.araxxe-table-simple.-expandable.-underlined
        tbody.araxxe-table-simple--tbody
          tr.araxxe-table-simple--line.-align-middle
            td.araxxe-table-simple--cell
              span.araxxe-spot.-s18.-fill-graph-1
            td.araxxe-table-simple--cell.-expand Label 1
            td.araxxe-table-simple--cell.-align-right
              p.araxxe-description 1234
            td.araxxe-table-simple--cell 42
          tr.araxxe-table-simple--line.-align-middle
            td.araxxe-table-simple--cell
              span.araxxe-spot.-s18.-fill-graph-2
            td.araxxe-table-simple--cell.-expand Label 2
            td.araxxe-table-simple--cell.-align-right
              p.araxxe-description 1234
            td.araxxe-table-simple--cell 42
          tr.araxxe-table-simple--line.-align-middle
            td.araxxe-table-simple--cell
              span.araxxe-spot.-s18.-fill-graph-3
            td.araxxe-table-simple--cell.-expand Label 3
            td.araxxe-table-simple--cell.-align-right
              p.araxxe-description 1234
            td.araxxe-table-simple--cell 42
          tr.araxxe-table-simple--line.-align-middle
            td.araxxe-table-simple--cell
              span.araxxe-spot.-s18.-fill-graph-4
            td.araxxe-table-simple--cell.-expand Label 4
            td.araxxe-table-simple--cell.-align-right
              p.araxxe-description 1234
            td.araxxe-table-simple--cell 42
          tr.araxxe-table-simple--line.-align-middle
            td.araxxe-table-simple--cell
              span.araxxe-spot.-s18.-fill-graph-5
            td.araxxe-table-simple--cell.-expand Label 5
            td.araxxe-table-simple--cell.-align-right
              p.araxxe-description 1234
            td.araxxe-table-simple--cell 42
.araxxe-card
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line.-align-center
      span.araxxe-icon.araxxe-glyph-attach.-s128
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-spacing.-s30.-bottom.-left
        .araxxe-horizontal-spacing--column
          h3.araxxe-title-card Title card
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-subtitle-card Subtitle card
        .araxxe-horizontal-spacing--column Text
    .araxxe-vertical-spacing--line
      .araxxe-subtitle-card Subtitle card
.araxxe-card
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line.-align-center
      img.araxxe-thumbnail(src="/atom/thumbnail/thumbnail-small.jpg" alt="Thumbnail")
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-spacing.-s30.-bottom.-left
        .araxxe-horizontal-spacing--column
          h3.araxxe-title-card Title card
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-subtitle-card Subtitle card
        .araxxe-horizontal-spacing--column Text
    .araxxe-vertical-spacing--line
      .araxxe-subtitle-card Subtitle card
.araxxe-card.-faded
  .araxxe-horizontal-spacing.-s30.-middle
    .araxxe-horizontal-spacing--column
      span.araxxe-icon.araxxe-glyph-date-range.-color-main.-s24
    .araxxe-horizontal-spacing--column.-expand
      .araxxe-date-range
        .araxxe-date-range--from
          .araxxe-horizontal-spacing.-s10.-bottom
            .araxxe-horizontal-spacing--column
              span.araxxe-unit from
            .araxxe-horizontal-spacing--column
              .araxxe-text-date(contenteditable="contenteditable")
                | 24.11.2020
        .araxxe-date-range--between
          span.araxxe-icon.araxxe-glyph-arrow-right.-color-shade-50.-s24
        .araxxe-date-range--to
          .araxxe-horizontal-spacing.-s10.-bottom
            .araxxe-horizontal-spacing--column
              span.araxxe-unit to
            .araxxe-horizontal-spacing--column
              .araxxe-text-date(contenteditable="contenteditable")
                | 24.11.2020
.araxxe-card.-faded
  .araxxe-horizontal-spacing.-s20.-middle.-wrap
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/lux.svg" alt="lux")
        span.araxxe-button-rounded--slot Luxembourg
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/deu.svg" alt="deu")
        span.araxxe-button-rounded--slot Germany
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/dnk.svg" alt="dnk")
        span.araxxe-button-rounded--slot Denmark
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/esp.svg" alt="esp")
        span.araxxe-button-rounded--slot Spain
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/idn.svg" alt="idn")
        span.araxxe-button-rounded--slot Indonesia
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/mli.svg" alt="mli")
        span.araxxe-button-rounded--slot Mali
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/mli.svg" alt="mli")
        span.araxxe-button-rounded--slot Mali
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/mli.svg" alt="mli")
        span.araxxe-button-rounded--slot Mali
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/mli.svg" alt="mli")
        span.araxxe-button-rounded--slot Mali
    .araxxe-horizontal-spacing--column
      button.araxxe-button-rounded.-ghost.-desaturate
        span.araxxe-button-rounded--slot
          img.araxxe-country.-h12(src="/atom/country/svg/mli.svg" alt="mli")
        span.araxxe-button-rounded--slot Mali
.araxxe-card.-a2psms-o.-wrapped
  .araxxe-card--header
    .araxxe-horizontal-spacing.-s5
      .araxxe-horizontal-spacing--column
        span.araxxe-text-info Info
      .araxxe-horizontal-spacing--column
        span.araxxe-flag.-a2psms-o.-inverted O
  .araxxe-card--body
    .araxxe-vertical-spacing.-s5.-align-center
      .araxxe-vertical-spacing--line.araxxe-card--tint
        span.araxxe-number.-ts48 15 000
      .araxxe-vertical-spacing--line
        h3.araxxe-title-card Title
      .araxxe-vertical-spacing--line
        .araxxe-subtitle-card Description
.araxxe-card.-a2psms-oio.-wrapped
  .araxxe-card--header
    .araxxe-horizontal-spacing.-s5
      .araxxe-horizontal-spacing--column
        span.araxxe-text-info Info
      .araxxe-horizontal-spacing--column
        span.araxxe-flag.-a2psms-oio.-inverted O
  .araxxe-card--body
    .araxxe-vertical-spacing.-s5.-align-center
      .araxxe-vertical-spacing--line.araxxe-card--tint
        span.araxxe-number.-ts48 15 000
      .araxxe-vertical-spacing--line
        h3.araxxe-title-card Title
      .araxxe-vertical-spacing--line
        .araxxe-subtitle-card Description
div(style="background-color:#f8f7f5;padding:10px")
  .araxxe-card.-flat Flat Card
.araxxe-card.-service-ebv.-wrapped
  .araxxe-card--header.-align-center
    span.araxxe-text-info January 2020
  .araxxe-card--body
    .araxxe-vertical-spacing.-s20
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s0.-align-center
          .araxxe-vertical-spacing--line
            span.araxxe-number.-color-service-ebv.-ts48 1234
          .araxxe-vertical-spacing--line
            span.araxxe-text-info Info
          .araxxe-vertical-spacing--line
            span.araxxe-text.-color-shade-50 at the end of the month
      .araxxe-vertical-spacing--line
        .araxxe-table-layout.-vp0
          table.araxxe-table-simple
            tbody.araxxe-table-simple--tbody
              tr.araxxe-table-simple--line
                th.araxxe-table-simple--cell.-w40
                  p.araxxe-description 42
                td.araxxe-table-simple--cell text
              tr.araxxe-table-simple--line
                th.araxxe-table-simple--cell.-w40
                  p.araxxe-description 42
                td.araxxe-table-simple--cell text
              tr.araxxe-table-simple--line
                th.araxxe-table-simple--cell.-w40
                  p.araxxe-description 42
                td.araxxe-table-simple--cell text
              tr.araxxe-table-simple--line
                th.araxxe-table-simple--cell.-w40
                  p.araxxe-description 42
                td.araxxe-table-simple--cell text
.araxxe-card.-service-simbox.-offset.-wrapped
  .araxxe-card--icon-circled
    .araxxe-icon-circled.-s44
      span.araxxe-icon.araxxe-glyph-voice.-color-service-simbox.-s24
  .araxxe-card--header.-align-center
    span.araxxe-text-info Info
  .araxxe-card--body
    .araxxe-horizontal-separe.-equivalent
      .araxxe-horizontal-separe--column
        .araxxe-vertical-spacing.-s0.-align-center
          .araxxe-vertical-spacing--line
            span.araxxe-number.-color-service-simbox.-ts48 1234
          .araxxe-vertical-spacing--line
            span.araxxe-text-info Info
      .araxxe-horizontal-separe--separator
      .araxxe-horizontal-separe--column
        .araxxe-vertical-spacing.-s0.-align-center
          .araxxe-vertical-spacing--line
            span.araxxe-number.-color-service-simbox.-ts48 1234
          .araxxe-vertical-spacing--line
            span.araxxe-text-info Info
      .araxxe-horizontal-separe--separator
      .araxxe-horizontal-separe--column
        .araxxe-vertical-spacing.-s0.-align-center
          .araxxe-vertical-spacing--line
            span.araxxe-number.-color-service-simbox.-ts48 1234
          .araxxe-vertical-spacing--line
            span.araxxe-text-info Info
.araxxe-card.-grey-light.-offset.-wrapped
  .araxxe-card--header.-align-center
    span.araxxe-text-info.-color-shade-50 Info
  .araxxe-card--body
    .araxxe-vertical-spacing.-s0.-align-center
      .araxxe-vertical-spacing--line
        .araxxe-horizontal-spacing.-s10.-center.-middle
          .araxxe-horizontal-spacing--column
            .araxxe-rate-chart.-s48.-fill-service-simbox
              .araxxe-rate-chart--background
                .araxxe-rate-chart--progress.-p34
                  .araxxe-rate-chart--hs
                  .araxxe-rate-chart--he
              .araxxe-rate-chart--hole
                .araxxe-rate-chart--hole--icon
                  span.araxxe-icon.araxxe-glyph-voice.-s24
          .araxxe-horizontal-spacing--column
            span.araxxe-number.-color-service-simbox.-ts48 19
              span.araxxe-number--half %
      .araxxe-vertical-spacing--line
        span.araxxe-text-info Info
  .araxxe-card--info
    button.araxxe-icon.araxxe-glyph-info.-color-shade-75.-hover-color-shade-85.-s16.-clickable

Carousel

<div class="araxxe-carousel">
  <div class="araxxe-carousel--previous -disabled">
    <span class="araxxe-icon araxxe-glyph-arrow-left-rounded"></span>
  </div>
  <div class="araxxe-carousel--container">
    <div class="araxxe-carousel--slot">
      <div class="araxxe-card">Card
      </div>
    </div>
    <div class="araxxe-carousel--slot">
      <div class="araxxe-card">Card
      </div>
    </div>
    <div class="araxxe-carousel--slot">
      <div class="araxxe-card">Card
      </div>
    </div>
    <div class="araxxe-carousel--slot">
      <div class="araxxe-card">Card
      </div>
    </div>
  </div>
  <div class="araxxe-carousel--next">
    <span class="araxxe-icon araxxe-glyph-arrow-right-rounded"></span>
  </div>
</div>

.araxxe-carousel
  .araxxe-carousel--previous.-disabled
    span.araxxe-icon.araxxe-glyph-arrow-left-rounded
  .araxxe-carousel--container
    .araxxe-carousel--slot
      .araxxe-card Card
    .araxxe-carousel--slot
      .araxxe-card Card
    .araxxe-carousel--slot
      .araxxe-card Card
    .araxxe-carousel--slot
      .araxxe-card Card
  .araxxe-carousel--next
    span.araxxe-icon.araxxe-glyph-arrow-right-rounded

Chat list

Used to list messages and screenshots on chat.

<div style="height: 480px;">
  <div class="araxxe-chat-list -messages">
    <div class="araxxe-chat-list--header">
      <div class="araxxe-horizontal-spacing -s10 -middle">
        <div class="araxxe-horizontal-spacing--column">
          <h2 class="araxxe-title-medium">Title medium</h2>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <span class="araxxe-icon araxxe-glyph-search -color-main-light -s24"></span>
        </div>
      </div>
    </div>
    <div class="araxxe-chat-list--content">
      <div class="araxxe-vertical-spacing -s5">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-chat-message">
            <div class="araxxe-chat-message--slot">
              <div class="araxxe-dot -s36 -fill-half-shade-50">AD
              </div>
            </div>
            <div class="araxxe-chat-message--slot -expand">
              <div class="araxxe-chat-message--message">
                <div class="araxxe-speech-bubble -me">
                  Speech bubble text
                  in
                  multiple lines.
                </div>
              </div>
              <div class="araxxe-chat-message--info">
                <div class="araxxe-horizontal-spacing -s5 -end">
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Date</span>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <button class="araxxe-icon araxxe-glyph-trash -color-danger -s18 -clickable"></button>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-chat-message">
            <div class="araxxe-chat-message--slot">
              <div class="araxxe-dot -s36 -fill-half-main-light">AD
              </div>
            </div>
            <div class="araxxe-chat-message--slot -expand">
              <div class="araxxe-chat-message--message">
                <div class="araxxe-speech-bubble">
                  Speech bubble text
                  in
                  multiple lines.
                </div>
              </div>
              <div class="araxxe-chat-message--message">
                <div class="araxxe-speech-bubble">
                  Speech bubble text
                  in
                  multiple lines.
                </div>
              </div>
              <div class="araxxe-chat-message--message">
                <div class="araxxe-screenshot-bubble"><img class="araxxe-screenshot-bubble--image" src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg"/>
                  <div class="araxxe-screenshot-bubble--panel">
                    <button class="araxxe-dot -s48 -color-shade-30 -clickable -fill-shade-100">
                      <span class="araxxe-icon araxxe-glyph-zoom-in -s24"></span>
                    </button>
                  </div>
                </div>
              </div>
              <div class="araxxe-chat-message--info -right"><span class="araxxe-text-info">Date</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-chat-list--input">
      <div class="araxxe-chat-message">
        <div class="araxxe-chat-message--slot">
          <div class="araxxe-dot -s36 -fill-half-shade-50">AD
          </div>
        </div>
        <div class="araxxe-chat-message--slot -expand">
          <div class="araxxe-chat-message--message">
            <div class="araxxe-input-group ion--input-secondary">
              <div class="araxxe-input-group--slot -expand ion--group">
                <textarea class="araxxe-textarea" rows="1"></textarea>
              </div>
              <div class="araxxe-input-group--slot -input -clickable ion--group">
                <span class="araxxe-icon araxxe-glyph-attach -s24"></span>
              </div>
            </div>
          </div>
          <div class="araxxe-chat-message--info">
            <div class="araxxe-horizontal-spacing -s15">
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-horizontal-spacing -s5">
                  <div class="araxxe-horizontal-spacing--column">
                    <span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Tap enter to send</span>
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-horizontal-spacing -s5">
                  <div class="araxxe-horizontal-spacing--column">
                    <span class="araxxe-icon araxxe-glyph-shift -color-shade-75 -s16"></span>
                    <span class="araxxe-icon araxxe-glyph-plus -color-shade-75 -s16"></span>
                    <span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Shift enter to insert a line break</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-chat-list -feed">
  <div class="araxxe-chat-list--content">
    <div class="araxxe-vertical-spacing -s5">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-chat-message">
          <div class="araxxe-chat-message--slot">
            <div class="araxxe-dot -s36 -fill-half-shade-50">AD
            </div>
          </div>
          <div class="araxxe-chat-message--slot -expand">
            <div class="araxxe-chat-message--message">
              <div class="araxxe-speech-bubble -me">
                Speech bubble text
                in
                multiple lines.
              </div>
            </div>
            <div class="araxxe-chat-message--info">
              <div class="araxxe-horizontal-spacing -s5 -end">
                <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Date</span>
                </div>
                <div class="araxxe-horizontal-spacing--column">
                  <button class="araxxe-icon araxxe-glyph-trash -color-danger -s18 -clickable"></button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-chat-message">
          <div class="araxxe-chat-message--slot">
            <div class="araxxe-dot -s36 -fill-half-main-light">AD
            </div>
          </div>
          <div class="araxxe-chat-message--slot -expand">
            <div class="araxxe-chat-message--message">
              <div class="araxxe-speech-bubble">
                Speech bubble text
                in
                multiple lines.
              </div>
            </div>
            <div class="araxxe-chat-message--message">
              <div class="araxxe-speech-bubble">
                Speech bubble text
                in
                multiple lines.
              </div>
            </div>
            <div class="araxxe-chat-message--message">
              <div class="araxxe-screenshot-bubble"><img class="araxxe-screenshot-bubble--image" src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg"/>
                <div class="araxxe-screenshot-bubble--panel">
                  <button class="araxxe-dot -s48 -color-shade-30 -clickable -fill-shade-100">
                    <span class="araxxe-icon araxxe-glyph-zoom-in -s24"></span>
                  </button>
                </div>
              </div>
            </div>
            <div class="araxxe-chat-message--info -right"><span class="araxxe-text-info">Date</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-chat-list--input">
    <div class="araxxe-chat-message">
      <div class="araxxe-chat-message--slot">
        <div class="araxxe-dot -s36 -fill-half-shade-50">AD
        </div>
      </div>
      <div class="araxxe-chat-message--slot -expand">
        <div class="araxxe-chat-message--message">
          <div class="araxxe-input-group ion--input-secondary">
            <div class="araxxe-input-group--slot -expand ion--group">
              <textarea class="araxxe-textarea" rows="1"></textarea>
            </div>
            <div class="araxxe-input-group--slot -input -clickable ion--group">
              <span class="araxxe-icon araxxe-glyph-attach -s24"></span>
            </div>
          </div>
        </div>
        <div class="araxxe-chat-message--info">
          <div class="araxxe-horizontal-spacing -s15">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-horizontal-spacing -s5">
                <div class="araxxe-horizontal-spacing--column">
                  <span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
                </div>
                <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Tap enter to send</span>
                </div>
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-horizontal-spacing -s5">
                <div class="araxxe-horizontal-spacing--column">
                  <span class="araxxe-icon araxxe-glyph-shift -color-shade-75 -s16"></span>
                  <span class="araxxe-icon araxxe-glyph-plus -color-shade-75 -s16"></span>
                  <span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
                </div>
                <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Shift enter to insert a line break</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="height: 480px;">
  <div class="araxxe-chat-list -messages">
    <div class="araxxe-chat-list--header">
      <div class="araxxe-dropdown ion--close">
        <div class="araxxe-dropdown--button">
          <button class="araxxe-button-select"><span class="araxxe-button-select--text">Button select</span><span class="araxxe-button-select--caret araxxe-glyph-arrow-down"></span>
          </button>
        </div>
        <div class="araxxe-dropdown--area -w300">
          <div class="araxxe-contextual-menu">
            <div class="araxxe-contextual-menu--slot">
              <button class="araxxe-contextual-entry ion--hoverable -h34">
                <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                </div>
              </button>
            </div>
            <div class="araxxe-contextual-menu--slot">
              <button class="araxxe-contextual-entry ion--hoverable -h34">
                <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
              </button>
            </div>
            <div class="araxxe-contextual-menu--slot">
              <button class="araxxe-contextual-entry ion--hoverable -h34">
                <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
              </button>
            </div>
            <div class="araxxe-contextual-menu--slot">
              <button class="araxxe-contextual-entry ion--hoverable -h34">
                <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
              </button>
            </div>
            <div class="araxxe-contextual-menu--slot">
              <button class="araxxe-contextual-entry ion--hoverable -h44">
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-chat-list--content">
      <div class="araxxe-vertical-spacing -s20">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-vertical-spacing -s5">
            <div class="araxxe-vertical-spacing--line">
              <figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
                <figcaption class="araxxe-screenshot--panel">
                  <div class="araxxe-vertical-spacing -s20">
                    <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
                    </div>
                    <div class="araxxe-vertical-spacing--line">
                      <div class="araxxe-horizontal-spacing -s10 -middle">
                        <div class="araxxe-horizontal-spacing--column">
                          <div class="araxxe-dot -s36 -fill-half-main-light">AD
                          </div>
                        </div>
                        <div class="araxxe-horizontal-spacing--column">
                          <address class="araxxe-screenshot--address">First name Last name</address>
                        </div>
                      </div>
                    </div>
                  </div>
                </figcaption>
              </figure>
            </div>
            <div class="araxxe-vertical-spacing--line -align-right">
              <button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-vertical-spacing -s5">
            <div class="araxxe-vertical-spacing--line">
              <figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
                <figcaption class="araxxe-screenshot--panel">
                  <div class="araxxe-vertical-spacing -s20">
                    <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
                    </div>
                    <div class="araxxe-vertical-spacing--line">
                      <div class="araxxe-horizontal-spacing -s10 -middle">
                        <div class="araxxe-horizontal-spacing--column">
                          <div class="araxxe-dot -s36 -fill-half-main-light">AD
                          </div>
                        </div>
                        <div class="araxxe-horizontal-spacing--column">
                          <address class="araxxe-screenshot--address">First name Last name</address>
                        </div>
                      </div>
                    </div>
                  </div>
                </figcaption>
              </figure>
            </div>
            <div class="araxxe-vertical-spacing--line -align-right">
              <button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

div(style="height: 480px;")
  .araxxe-chat-list.-messages
    .araxxe-chat-list--header
      .araxxe-horizontal-spacing.-s10.-middle
        .araxxe-horizontal-spacing--column
          h2.araxxe-title-medium Title medium
        .araxxe-horizontal-spacing--column
          span.araxxe-icon.araxxe-glyph-search.-color-main-light.-s24
    .araxxe-chat-list--content
      .araxxe-vertical-spacing.-s5
        .araxxe-vertical-spacing--line
          .araxxe-chat-message
            .araxxe-chat-message--slot
              .araxxe-dot.-s36.-fill-half-shade-50 AD
            .araxxe-chat-message--slot.-expand
              .araxxe-chat-message--message
                .araxxe-speech-bubble.-me
                  .
                    Speech bubble text
                    in
                    multiple lines.
              .araxxe-chat-message--info
                .araxxe-horizontal-spacing.-s5.-end
                  .araxxe-horizontal-spacing--column
                    span.araxxe-text-info Date
                  .araxxe-horizontal-spacing--column
                    button.araxxe-icon.araxxe-glyph-trash.-color-danger.-s18.-clickable
        .araxxe-vertical-spacing--line
          .araxxe-chat-message
            .araxxe-chat-message--slot
              .araxxe-dot.-s36.-fill-half-main-light AD
            .araxxe-chat-message--slot.-expand
              .araxxe-chat-message--message
                .araxxe-speech-bubble
                  .
                    Speech bubble text
                    in
                    multiple lines.
              .araxxe-chat-message--message
                .araxxe-speech-bubble
                  .
                    Speech bubble text
                    in
                    multiple lines.
              .araxxe-chat-message--message
                .araxxe-screenshot-bubble
                  img.araxxe-screenshot-bubble--image(src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg")
                  .araxxe-screenshot-bubble--panel
                    button.araxxe-dot.-s48.-color-shade-30.-clickable.-fill-shade-100
                      span.araxxe-icon.araxxe-glyph-zoom-in.-s24
              .araxxe-chat-message--info.-right
                span.araxxe-text-info Date
    .araxxe-chat-list--input
      .araxxe-chat-message
        .araxxe-chat-message--slot
          .araxxe-dot.-s36.-fill-half-shade-50 AD
        .araxxe-chat-message--slot.-expand
          .araxxe-chat-message--message
            .araxxe-input-group.ion--input-secondary
              .araxxe-input-group--slot.-expand.ion--group
                textarea.araxxe-textarea(rows="1")
              .araxxe-input-group--slot.-input.-clickable.ion--group
                span.araxxe-icon.araxxe-glyph-attach.-s24
          .araxxe-chat-message--info
            .araxxe-horizontal-spacing.-s15
              .araxxe-horizontal-spacing--column
                .araxxe-horizontal-spacing.-s5
                  .araxxe-horizontal-spacing--column
                    span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
                  .araxxe-horizontal-spacing--column
                    span.araxxe-text-info Tap enter to send
              .araxxe-horizontal-spacing--column
                .araxxe-horizontal-spacing.-s5
                  .araxxe-horizontal-spacing--column
                    span.araxxe-icon.araxxe-glyph-shift.-color-shade-75.-s16
                    span.araxxe-icon.araxxe-glyph-plus.-color-shade-75.-s16
                    span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
                  .araxxe-horizontal-spacing--column
                    span.araxxe-text-info Shift enter to insert a line break
.araxxe-chat-list.-feed
  .araxxe-chat-list--content
    .araxxe-vertical-spacing.-s5
      .araxxe-vertical-spacing--line
        .araxxe-chat-message
          .araxxe-chat-message--slot
            .araxxe-dot.-s36.-fill-half-shade-50 AD
          .araxxe-chat-message--slot.-expand
            .araxxe-chat-message--message
              .araxxe-speech-bubble.-me
                .
                  Speech bubble text
                  in
                  multiple lines.
            .araxxe-chat-message--info
              .araxxe-horizontal-spacing.-s5.-end
                .araxxe-horizontal-spacing--column
                  span.araxxe-text-info Date
                .araxxe-horizontal-spacing--column
                  button.araxxe-icon.araxxe-glyph-trash.-color-danger.-s18.-clickable
      .araxxe-vertical-spacing--line
        .araxxe-chat-message
          .araxxe-chat-message--slot
            .araxxe-dot.-s36.-fill-half-main-light AD
          .araxxe-chat-message--slot.-expand
            .araxxe-chat-message--message
              .araxxe-speech-bubble
                .
                  Speech bubble text
                  in
                  multiple lines.
            .araxxe-chat-message--message
              .araxxe-speech-bubble
                .
                  Speech bubble text
                  in
                  multiple lines.
            .araxxe-chat-message--message
              .araxxe-screenshot-bubble
                img.araxxe-screenshot-bubble--image(src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg")
                .araxxe-screenshot-bubble--panel
                  button.araxxe-dot.-s48.-color-shade-30.-clickable.-fill-shade-100
                    span.araxxe-icon.araxxe-glyph-zoom-in.-s24
            .araxxe-chat-message--info.-right
              span.araxxe-text-info Date
  .araxxe-chat-list--input
    .araxxe-chat-message
      .araxxe-chat-message--slot
        .araxxe-dot.-s36.-fill-half-shade-50 AD
      .araxxe-chat-message--slot.-expand
        .araxxe-chat-message--message
          .araxxe-input-group.ion--input-secondary
            .araxxe-input-group--slot.-expand.ion--group
              textarea.araxxe-textarea(rows="1")
            .araxxe-input-group--slot.-input.-clickable.ion--group
              span.araxxe-icon.araxxe-glyph-attach.-s24
        .araxxe-chat-message--info
          .araxxe-horizontal-spacing.-s15
            .araxxe-horizontal-spacing--column
              .araxxe-horizontal-spacing.-s5
                .araxxe-horizontal-spacing--column
                  span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
                .araxxe-horizontal-spacing--column
                  span.araxxe-text-info Tap enter to send
            .araxxe-horizontal-spacing--column
              .araxxe-horizontal-spacing.-s5
                .araxxe-horizontal-spacing--column
                  span.araxxe-icon.araxxe-glyph-shift.-color-shade-75.-s16
                  span.araxxe-icon.araxxe-glyph-plus.-color-shade-75.-s16
                  span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
                .araxxe-horizontal-spacing--column
                  span.araxxe-text-info Shift enter to insert a line break
div(style="height: 480px;")
  .araxxe-chat-list.-messages
    .araxxe-chat-list--header
      .araxxe-dropdown.ion--close
        .araxxe-dropdown--button
          button.araxxe-button-select
            span.araxxe-button-select--text Button select
            span.araxxe-button-select--caret.araxxe-glyph-arrow-down
        .araxxe-dropdown--area.-w300
          .araxxe-contextual-menu
            .araxxe-contextual-menu--slot
              button.araxxe-contextual-entry.ion--hoverable.-h34
                .araxxe-contextual-entry--slot
                  span.araxxe-spot.-s18.-active
                .araxxe-contextual-entry--slot.-expand Contextual entry for status
                .araxxe-contextual-entry--slot
                  span.araxxe-switch.-off(role="switch" aria-checked="false")
                    span.araxxe-switch--button
            .araxxe-contextual-menu--slot
              button.araxxe-contextual-entry.ion--hoverable.-h34
                .araxxe-contextual-entry--slot
                  span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-contextual-entry--slot.-expand Contextual entry
            .araxxe-contextual-menu--slot
              button.araxxe-contextual-entry.ion--hoverable.-h34
                .araxxe-contextual-entry--slot
                  span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                .araxxe-contextual-entry--slot.-expand Contextual entry
            .araxxe-contextual-menu--slot
              button.araxxe-contextual-entry.ion--hoverable.-h34
                .araxxe-contextual-entry--slot
                  span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                .araxxe-contextual-entry--slot.-expand Contextual entry
            .araxxe-contextual-menu--slot
              button.araxxe-contextual-entry.ion--hoverable.-h44
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                .araxxe-contextual-entry--slot.-expand Contextual entry
    .araxxe-chat-list--content
      .araxxe-vertical-spacing.-s20
        .araxxe-vertical-spacing--line
          .araxxe-vertical-spacing.-s5
            .araxxe-vertical-spacing--line
              figure.araxxe-screenshot
                img.araxxe-screenshot--image(src="/molecule/screenshot/screenshot.jpg" alt="Screenshot")
                figcaption.araxxe-screenshot--panel
                  .araxxe-vertical-spacing.-s20
                    .araxxe-vertical-spacing--line
                      span.araxxe-text-info Date
                    .araxxe-vertical-spacing--line
                      .araxxe-horizontal-spacing.-s10.-middle
                        .araxxe-horizontal-spacing--column
                          .araxxe-dot.-s36.-fill-half-main-light AD
                        .araxxe-horizontal-spacing--column
                          address.araxxe-screenshot--address First name Last name
            .araxxe-vertical-spacing--line.-align-right
              button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable
        .araxxe-vertical-spacing--line
          .araxxe-vertical-spacing.-s5
            .araxxe-vertical-spacing--line
              figure.araxxe-screenshot
                img.araxxe-screenshot--image(src="/molecule/screenshot/screenshot.jpg" alt="Screenshot")
                figcaption.araxxe-screenshot--panel
                  .araxxe-vertical-spacing.-s20
                    .araxxe-vertical-spacing--line
                      span.araxxe-text-info Date
                    .araxxe-vertical-spacing--line
                      .araxxe-horizontal-spacing.-s10.-middle
                        .araxxe-horizontal-spacing--column
                          .araxxe-dot.-s36.-fill-half-main-light AD
                        .araxxe-horizontal-spacing--column
                          address.araxxe-screenshot--address First name Last name
            .araxxe-vertical-spacing--line.-align-right
              button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable

Container

<div class="araxxe-container -s15">Container 15
</div>
<div class="araxxe-container -v70 -h20">Container 70 20
</div>

.araxxe-container.-s15 Container 15
.araxxe-container.-v70.-h20 Container 70 20

Contextual menu

<div class="araxxe-contextual-menu">
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
      </div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--separator"></div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
</div>
<div class="araxxe-contextual-menu -hmax100 -scrollable">
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
      </div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
</div>
<div class="araxxe-contextual-menu -h300 -bordered">
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
      </div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h34">
      <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
</div>
<div class="araxxe-contextual-menu">
  <div class="araxxe-contextual-menu--filter">
    <div class="araxxe-input-group ion--input-secondary">
      <div class="araxxe-input-group--slot -input ion--group">
        <span class="araxxe-icon araxxe-glyph-search -color-shade-50 -s24"></span>
      </div>
      <div class="araxxe-input-group--slot -expand ion--group">
        <input class="araxxe-input-text -compact" placeholder="Search" type="text"/>
      </div>
    </div>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-checkbox-checked -color-main -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-checkbox-checked -color-main -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
  <div class="araxxe-contextual-menu--slot">
    <button class="araxxe-contextual-entry ion--hoverable -h44">
      <div class="araxxe-contextual-entry--slot">
        <span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
      </div>
      <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
    </button>
  </div>
</div>

.araxxe-contextual-menu
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.-s18.-active
      .araxxe-contextual-entry--slot.-expand Contextual entry for status
      .araxxe-contextual-entry--slot
        span.araxxe-switch.-off(role="switch" aria-checked="false")
          span.araxxe-switch--button
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--separator
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu.-hmax100.-scrollable
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.-s18.-active
      .araxxe-contextual-entry--slot.-expand Contextual entry for status
      .araxxe-contextual-entry--slot
        span.araxxe-switch.-off(role="switch" aria-checked="false")
          span.araxxe-switch--button
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu.-h300.-bordered
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.-s18.-active
      .araxxe-contextual-entry--slot.-expand Contextual entry for status
      .araxxe-contextual-entry--slot
        span.araxxe-switch.-off(role="switch" aria-checked="false")
          span.araxxe-switch--button
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h34
      .araxxe-contextual-entry--slot
        span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry
.araxxe-contextual-menu
  .araxxe-contextual-menu--filter
    .araxxe-input-group.ion--input-secondary
      .araxxe-input-group--slot.-input.ion--group
        span.araxxe-icon.araxxe-glyph-search.-color-shade-50.-s24
      .araxxe-input-group--slot.-expand.ion--group
        input.araxxe-input-text.-compact(placeholder="Search" type="text")
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-checkbox-checked.-color-main.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-checkbox-checked.-color-main.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry
  .araxxe-contextual-menu--slot
    button.araxxe-contextual-entry.ion--hoverable.-h44
      .araxxe-contextual-entry--slot
        span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
      .araxxe-contextual-entry--slot.-expand Contextual entry

<div class="araxxe-footer">
  <div class="araxxe-footer--slot">All right reserved &#169; www.araxxe.com</div>
  <div class="araxxe-footer--slot">
    <div class="araxxe-link -color-main">Legal statements</div>
  </div>
</div>

.araxxe-footer
  .araxxe-footer--slot All right reserved © www.araxxe.com
  .araxxe-footer--slot
    .araxxe-link.-color-main Legal statements

<div class="araxxe-header">
  <button class="araxxe-header--slot -square -clickable">
    <span class="araxxe-icon araxxe-glyph-burger -s24"></span>
  </button>
  <div class="araxxe-header--slot"><span class="araxxe-unit">Product</span>
  </div>
  <div class="araxxe-header--slot -center -expand">
    <h1 class="araxxe-title-header  ">Title header
    </h1>
  </div>
  <div class="araxxe-header--separator"></div>
  <button class="araxxe-header--slot -square -clickable">
    <span class="araxxe-icon araxxe-glyph-contact -s24"></span>
  </button>
  <div class="araxxe-header--separator"></div>
  <button class="araxxe-header--slot -square -clickable">
    <span class="araxxe-icon araxxe-glyph-notifications -s24"></span>
  </button>
  <div class="araxxe-header--separator"></div>
  <div class="araxxe-header--slot -clickable -w200">
    <div class="araxxe-header-popover ion--close -right">
      <div class="araxxe-header-popover--button">
        <div class="araxxe-horizontal-spacing -s10 -left -middle">
          <div class="araxxe-horizontal-spacing--column">
            <div class="araxxe-dot -s44 -color-shade-30 -fill-shade-50">AD
            </div>
          </div>
          <div class="araxxe-horizontal-spacing--column -expand -ellipsis"><span class="araxxe-text-profile" title="Text profile">
              Text profile
              The text profile may be longer</span>
          </div>
        </div>
      </div>
      <div class="araxxe-header-popover--area">
        <div class="araxxe-popover">
          <button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
          </button>
          <div class="araxxe-popover--slot">
            <div class="araxxe-horizontal-spacing -s15">
              <div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Labeled entry</span>
              </div>
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-popover--slot--button"><span class="araxxe-text-info">en</span>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-popover--slot--button -active"><span class="araxxe-text-info">fr</span>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-popover--slot--button"><span class="araxxe-text-info">es</span>
                </div>
              </div>
            </div>
          </div>
          <div class="araxxe-popover--separator"></div>
          <button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-header">
  <button class="araxxe-header--slot -square -clickable">
    <span class="araxxe-icon araxxe-glyph-close -s24"></span>
  </button>
  <div class="araxxe-header--slot -center -expand">
    <div class="araxxe-horizontal-spacing -s40 -middle">
      <div class="araxxe-horizontal-spacing--column">
        <button class="araxxe-icon araxxe-glyph-arrow-left-rounded -s28 -clickable"></button>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <h2 class="araxxe-title-header -w800 -ellipsis" title="A long header title for the details template of this page">A long header title for the details template of this page
        </h2>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <button class="araxxe-icon araxxe-glyph-arrow-right-rounded -s28 -clickable"></button>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-header -service-a2psms">
  <button class="araxxe-header--slot -square -clickable">
    <span class="araxxe-icon araxxe-glyph-close -s24"></span>
  </button>
  <div class="araxxe-header--slot -center -expand">
    <div class="araxxe-horizontal-spacing -s40 -middle">
      <div class="araxxe-horizontal-spacing--column">
        <button class="araxxe-icon araxxe-glyph-arrow-left-rounded -s28 -clickable"></button>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <h2 class="araxxe-title-header -w800 -ellipsis" title="A long header title for the details template of this page">A long header title for the details template of this page
        </h2>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <button class="araxxe-icon araxxe-glyph-arrow-right-rounded -s28 -clickable"></button>
      </div>
    </div>
  </div>
</div>

.araxxe-header
  button.araxxe-header--slot.-square.-clickable
    span.araxxe-icon.araxxe-glyph-burger.-s24
  .araxxe-header--slot
    span.araxxe-unit Product
  .araxxe-header--slot.-center.-expand
    h1.araxxe-title-header Title header
  .araxxe-header--separator
  button.araxxe-header--slot.-square.-clickable
    span.araxxe-icon.araxxe-glyph-contact.-s24
  .araxxe-header--separator
  button.araxxe-header--slot.-square.-clickable
    span.araxxe-icon.araxxe-glyph-notifications.-s24
  .araxxe-header--separator
  .araxxe-header--slot.-clickable.-w200
    .araxxe-header-popover.ion--close.-right
      .araxxe-header-popover--button
        .araxxe-horizontal-spacing.-s10.-left.-middle
          .araxxe-horizontal-spacing--column
            .araxxe-dot.-s44.-color-shade-30.-fill-shade-50 AD
          .araxxe-horizontal-spacing--column.-expand.-ellipsis
            span.araxxe-text-profile(title="Text profile")
              .
                Text profile
                The text profile may be longer
      .araxxe-header-popover--area
        .araxxe-popover
          button.araxxe-popover--slot.-clickable
            span.araxxe-text-info Clickable entry
          .araxxe-popover--slot
            .araxxe-horizontal-spacing.-s15
              .araxxe-horizontal-spacing--column.-expand
                span.araxxe-text-info Labeled entry
              .araxxe-horizontal-spacing--column
                .araxxe-popover--slot--button
                  span.araxxe-text-info en
              .araxxe-horizontal-spacing--column
                .araxxe-popover--slot--button.-active
                  span.araxxe-text-info fr
              .araxxe-horizontal-spacing--column
                .araxxe-popover--slot--button
                  span.araxxe-text-info es
          .araxxe-popover--separator
          button.araxxe-popover--slot.-clickable
            span.araxxe-text-info Clickable entry
.araxxe-header
  button.araxxe-header--slot.-square.-clickable
    span.araxxe-icon.araxxe-glyph-close.-s24
  .araxxe-header--slot.-center.-expand
    .araxxe-horizontal-spacing.-s40.-middle
      .araxxe-horizontal-spacing--column
        button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-s28.-clickable
      .araxxe-horizontal-spacing--column
        h2.araxxe-title-header.-w800.-ellipsis(title="A long header title for the details template of this page")
          | A long header title for the details template of this page
      .araxxe-horizontal-spacing--column
        button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-s28.-clickable
.araxxe-header.-service-a2psms
  button.araxxe-header--slot.-square.-clickable
    span.araxxe-icon.araxxe-glyph-close.-s24
  .araxxe-header--slot.-center.-expand
    .araxxe-horizontal-spacing.-s40.-middle
      .araxxe-horizontal-spacing--column
        button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-s28.-clickable
      .araxxe-horizontal-spacing--column
        h2.araxxe-title-header.-w800.-ellipsis(title="A long header title for the details template of this page")
          | A long header title for the details template of this page
      .araxxe-horizontal-spacing--column
        button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-s28.-clickable

Horizontal histogram

<div class="araxxe-horizontal-histogram">
  <div class="araxxe-horizontal-histogram--header">
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">0%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">10%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">20%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">30%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">40%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">50%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">60%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">70%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">80%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">90%</span>
    </div>
    <div class="araxxe-horizontal-histogram--column"><span class="araxxe-text -bold -color-shade-50">100%</span>
    </div>
  </div>
  <div class="araxxe-horizontal-histogram--table">
    <div class="araxxe-horizontal-histogram--grid">
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
      <div class="araxxe-horizontal-histogram--axis"></div>
    </div>
    <div class="araxxe-horizontal-histogram--bar">
      <div class="araxxe-rate-bar">
        <div class="araxxe-rate-bar--legend">
          <div class="araxxe-horizontal-spacing -s30">
            <div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">70%</span>
            </div>
          </div>
        </div>
        <div class="araxxe-rate-bar--bar">
          <div class="araxxe-bar">
            <div class="araxxe-bar--part -fill-danger" style="width: 70%"></div>
            <div class="araxxe-bar--part -fill-valid -expand"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-horizontal-histogram--bar">
      <div class="araxxe-rate-bar">
        <div class="araxxe-rate-bar--legend">
          <div class="araxxe-horizontal-spacing -s30">
            <div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">51%</span>
            </div>
          </div>
        </div>
        <div class="araxxe-rate-bar--bar">
          <div class="araxxe-bar">
            <div class="araxxe-bar--part -fill-danger" style="width: 51%"></div>
            <div class="araxxe-bar--part -fill-valid -expand"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-horizontal-histogram--bar">
      <div class="araxxe-rate-bar">
        <div class="araxxe-rate-bar--legend">
          <div class="araxxe-horizontal-spacing -s30">
            <div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">25%</span>
            </div>
          </div>
        </div>
        <div class="araxxe-rate-bar--bar">
          <div class="araxxe-bar">
            <div class="araxxe-bar--part -fill-danger" style="width: 25%"></div>
            <div class="araxxe-bar--part -fill-valid -expand"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-horizontal-histogram--bar">
      <div class="araxxe-rate-bar">
        <div class="araxxe-rate-bar--legend">
          <div class="araxxe-horizontal-spacing -s30">
            <div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Info</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -color-shade-50">1 325 / 23 456</span>
            </div>
            <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text -bold -color-shade-50">12%</span>
            </div>
          </div>
        </div>
        <div class="araxxe-rate-bar--bar">
          <div class="araxxe-bar">
            <div class="araxxe-bar--part -fill-danger" style="width: 12%"></div>
            <div class="araxxe-bar--part -fill-valid -expand"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-horizontal-histogram
  .araxxe-horizontal-histogram--header
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 0%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 10%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 20%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 30%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 40%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 50%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 60%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 70%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 80%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 90%
    .araxxe-horizontal-histogram--column
      span.araxxe-text.-bold.-color-shade-50 100%
  .araxxe-horizontal-histogram--table
    .araxxe-horizontal-histogram--grid
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
      .araxxe-horizontal-histogram--axis
    .araxxe-horizontal-histogram--bar
      .araxxe-rate-bar
        .araxxe-rate-bar--legend
          .araxxe-horizontal-spacing.-s30
            .araxxe-horizontal-spacing--column.-expand
              span.araxxe-text-info Info
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-color-shade-50 1 325 / 23 456
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-bold.-color-shade-50 70%
        .araxxe-rate-bar--bar
          .araxxe-bar
            .araxxe-bar--part.-fill-danger(style="width: 70%")
            .araxxe-bar--part.-fill-valid.-expand
    .araxxe-horizontal-histogram--bar
      .araxxe-rate-bar
        .araxxe-rate-bar--legend
          .araxxe-horizontal-spacing.-s30
            .araxxe-horizontal-spacing--column.-expand
              span.araxxe-text-info Info
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-color-shade-50 1 325 / 23 456
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-bold.-color-shade-50 51%
        .araxxe-rate-bar--bar
          .araxxe-bar
            .araxxe-bar--part.-fill-danger(style="width: 51%")
            .araxxe-bar--part.-fill-valid.-expand
    .araxxe-horizontal-histogram--bar
      .araxxe-rate-bar
        .araxxe-rate-bar--legend
          .araxxe-horizontal-spacing.-s30
            .araxxe-horizontal-spacing--column.-expand
              span.araxxe-text-info Info
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-color-shade-50 1 325 / 23 456
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-bold.-color-shade-50 25%
        .araxxe-rate-bar--bar
          .araxxe-bar
            .araxxe-bar--part.-fill-danger(style="width: 25%")
            .araxxe-bar--part.-fill-valid.-expand
    .araxxe-horizontal-histogram--bar
      .araxxe-rate-bar
        .araxxe-rate-bar--legend
          .araxxe-horizontal-spacing.-s30
            .araxxe-horizontal-spacing--column.-expand
              span.araxxe-text-info Info
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-color-shade-50 1 325 / 23 456
            .araxxe-horizontal-spacing--column
              span.araxxe-text.-bold.-color-shade-50 12%
        .araxxe-rate-bar--bar
          .araxxe-bar
            .araxxe-bar--part.-fill-danger(style="width: 12%")
            .araxxe-bar--part.-fill-valid.-expand

Horizontal overlap

<div class="araxxe-horizontal-overlap">
  <div class="araxxe-horizontal-overlap--slot">
    <div class="araxxe-icon-circled -s64">
      <span class="araxxe-icon araxxe-glyph-simcard-international -color-service-simbox -s32"></span>
    </div>
  </div>
  <div class="araxxe-horizontal-overlap--slot">
    <div class="araxxe-icon-circled -s64">
      <span class="araxxe-icon araxxe-glyph-phone-international -color-service-simbox -s32"></span>
    </div>
  </div>
</div>

.araxxe-horizontal-overlap
  .araxxe-horizontal-overlap--slot
    .araxxe-icon-circled.-s64
      span.araxxe-icon.araxxe-glyph-simcard-international.-color-service-simbox.-s32
  .araxxe-horizontal-overlap--slot
    .araxxe-icon-circled.-s64
      span.araxxe-icon.araxxe-glyph-phone-international.-color-service-simbox.-s32

Horizontal separe

<div class="araxxe-horizontal-separe">
  <div class="araxxe-horizontal-separe--column">One</div>
  <div class="araxxe-horizontal-separe--separator"></div>
  <div class="araxxe-horizontal-separe--column">Two</div>
  <div class="araxxe-horizontal-separe--separator"></div>
  <div class="araxxe-horizontal-separe--column">Three</div>
  <div class="araxxe-horizontal-separe--separator"></div>
  <div class="araxxe-horizontal-separe--column">Four</div>
</div>
<div class="araxxe-horizontal-separe -equivalent">
  <div class="araxxe-horizontal-separe--column">One</div>
  <div class="araxxe-horizontal-separe--separator"></div>
  <div class="araxxe-horizontal-separe--column">Two</div>
  <div class="araxxe-horizontal-separe--separator"></div>
  <div class="araxxe-horizontal-separe--column">Three</div>
  <div class="araxxe-horizontal-separe--separator"></div>
  <div class="araxxe-horizontal-separe--column">Four</div>
</div>

.araxxe-horizontal-separe
  .araxxe-horizontal-separe--column One
  .araxxe-horizontal-separe--separator
  .araxxe-horizontal-separe--column Two
  .araxxe-horizontal-separe--separator
  .araxxe-horizontal-separe--column Three
  .araxxe-horizontal-separe--separator
  .araxxe-horizontal-separe--column Four
.araxxe-horizontal-separe.-equivalent
  .araxxe-horizontal-separe--column One
  .araxxe-horizontal-separe--separator
  .araxxe-horizontal-separe--column Two
  .araxxe-horizontal-separe--separator
  .araxxe-horizontal-separe--column Three
  .araxxe-horizontal-separe--separator
  .araxxe-horizontal-separe--column Four

Horizontal spacing

<div class="araxxe-horizontal-spacing -s30">
  <div class="araxxe-horizontal-spacing--column">First</div>
  <div class="araxxe-horizontal-spacing--column">Second</div>
  <div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -equivalent">
  <div class="araxxe-horizontal-spacing--column">First</div>
  <div class="araxxe-horizontal-spacing--column">Second</div>
  <div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -top">
  <div class="araxxe-horizontal-spacing--column">First item</div>
  <div class="araxxe-horizontal-spacing--column -expand">Second <br/> item</div>
  <div class="araxxe-horizontal-spacing--column">Third item</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -middle">
  <div class="araxxe-horizontal-spacing--column">First item</div>
  <div class="araxxe-horizontal-spacing--column -expand">Second <br/> item</div>
  <div class="araxxe-horizontal-spacing--column">Third item</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -bottom">
  <div class="araxxe-horizontal-spacing--column">First item</div>
  <div class="araxxe-horizontal-spacing--column -expand">Second <br/> item</div>
  <div class="araxxe-horizontal-spacing--column">Third item</div>
</div>
<div class="araxxe-horizontal-spacing -s10 -left">
  <div class="araxxe-horizontal-spacing--column">First</div>
  <div class="araxxe-horizontal-spacing--column">Second</div>
  <div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s10 -center">
  <div class="araxxe-horizontal-spacing--column">First</div>
  <div class="araxxe-horizontal-spacing--column">Second</div>
  <div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s10 -right">
  <div class="araxxe-horizontal-spacing--column">First</div>
  <div class="araxxe-horizontal-spacing--column">Second</div>
  <div class="araxxe-horizontal-spacing--column">Third</div>
</div>
<div class="araxxe-horizontal-spacing -s10">
  <div class="araxxe-horizontal-spacing--column -g1">Grow 1</div>
  <div class="araxxe-horizontal-spacing--column -g2">Grow 2</div>
  <div class="araxxe-horizontal-spacing--column -g3">Grow 3</div>
</div>
<div class="araxxe-horizontal-spacing -s10">
  <div class="araxxe-horizontal-spacing--column -w100">Width 100</div>
  <div class="araxxe-horizontal-spacing--column -w80">Width 80</div>
  <div class="araxxe-horizontal-spacing--column -w50">Width 50</div>
</div>
<div class="araxxe-horizontal-spacing -s30 -wrap">
  <div class="araxxe-horizontal-spacing--column -w100">One</div>
  <div class="araxxe-horizontal-spacing--column -w100">Two</div>
  <div class="araxxe-horizontal-spacing--column -w100">Three</div>
  <div class="araxxe-horizontal-spacing--column -w100">Four</div>
  <div class="araxxe-horizontal-spacing--column -w100">Five</div>
  <div class="araxxe-horizontal-spacing--column -w100">Six</div>
  <div class="araxxe-horizontal-spacing--column -w100">Seven</div>
  <div class="araxxe-horizontal-spacing--column -w100">Eight</div>
  <div class="araxxe-horizontal-spacing--column -w100">Nine</div>
  <div class="araxxe-horizontal-spacing--column -w100">Ten</div>
</div>

.araxxe-horizontal-spacing.-s30
  .araxxe-horizontal-spacing--column First
  .araxxe-horizontal-spacing--column Second
  .araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s30.-equivalent
  .araxxe-horizontal-spacing--column First
  .araxxe-horizontal-spacing--column Second
  .araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s30.-top
  .araxxe-horizontal-spacing--column First item
  .araxxe-horizontal-spacing--column.-expand Second
    br
    | item
  .araxxe-horizontal-spacing--column Third item
.araxxe-horizontal-spacing.-s30.-middle
  .araxxe-horizontal-spacing--column First item
  .araxxe-horizontal-spacing--column.-expand Second
    br
    | item
  .araxxe-horizontal-spacing--column Third item
.araxxe-horizontal-spacing.-s30.-bottom
  .araxxe-horizontal-spacing--column First item
  .araxxe-horizontal-spacing--column.-expand Second
    br
    | item
  .araxxe-horizontal-spacing--column Third item
.araxxe-horizontal-spacing.-s10.-left
  .araxxe-horizontal-spacing--column First
  .araxxe-horizontal-spacing--column Second
  .araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s10.-center
  .araxxe-horizontal-spacing--column First
  .araxxe-horizontal-spacing--column Second
  .araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s10.-right
  .araxxe-horizontal-spacing--column First
  .araxxe-horizontal-spacing--column Second
  .araxxe-horizontal-spacing--column Third
.araxxe-horizontal-spacing.-s10
  .araxxe-horizontal-spacing--column.-g1 Grow 1
  .araxxe-horizontal-spacing--column.-g2 Grow 2
  .araxxe-horizontal-spacing--column.-g3 Grow 3
.araxxe-horizontal-spacing.-s10
  .araxxe-horizontal-spacing--column.-w100 Width 100
  .araxxe-horizontal-spacing--column.-w80 Width 80
  .araxxe-horizontal-spacing--column.-w50 Width 50
.araxxe-horizontal-spacing.-s30.-wrap
  .araxxe-horizontal-spacing--column.-w100 One
  .araxxe-horizontal-spacing--column.-w100 Two
  .araxxe-horizontal-spacing--column.-w100 Three
  .araxxe-horizontal-spacing--column.-w100 Four
  .araxxe-horizontal-spacing--column.-w100 Five
  .araxxe-horizontal-spacing--column.-w100 Six
  .araxxe-horizontal-spacing--column.-w100 Seven
  .araxxe-horizontal-spacing--column.-w100 Eight
  .araxxe-horizontal-spacing--column.-w100 Nine
  .araxxe-horizontal-spacing--column.-w100 Ten

<nav class="araxxe-menu">
  <ul class="araxxe-menu--content">
    <li class="araxxe-menu--slot">
      <button class="araxxe-button-menu -selected"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
    </li>
    <li class="araxxe-menu--slot">
      <button class="araxxe-button-menu -notify"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
    </li>
    <li class="araxxe-menu--slot">
      <button class="araxxe-button-menu"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
    </li>
    <li class="araxxe-menu--slot">
      <button class="araxxe-button-menu -notify" disabled="disabled"><span class="araxxe-button-menu--icon araxxe-glyph-folder"></span><span class="araxxe-button-menu--text">Button menu</span></button>
    </li>
  </ul>
</nav>

nav.araxxe-menu
  ul.araxxe-menu--content
    li.araxxe-menu--slot
      button.araxxe-button-menu.-selected
        span.araxxe-button-menu--icon.araxxe-glyph-folder
        span.araxxe-button-menu--text Button menu
    li.araxxe-menu--slot
      button.araxxe-button-menu.-notify
        span.araxxe-button-menu--icon.araxxe-glyph-folder
        span.araxxe-button-menu--text Button menu
    li.araxxe-menu--slot
      button.araxxe-button-menu
        span.araxxe-button-menu--icon.araxxe-glyph-folder
        span.araxxe-button-menu--text Button menu
    li.araxxe-menu--slot
      button.araxxe-button-menu.-notify(disabled="disabled")
        span.araxxe-button-menu--icon.araxxe-glyph-folder
        span.araxxe-button-menu--text Button menu

Modal

Chat modal

<div class="araxxe-chat-modal">
  <div class="araxxe-chat-modal--content">
    <div class="araxxe-chat-modal--messages">
      <div class="araxxe-chat-list -messages">
        <div class="araxxe-chat-list--header">
          <div class="araxxe-horizontal-spacing -s10 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <h2 class="araxxe-title-medium">Title medium</h2>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <span class="araxxe-icon araxxe-glyph-search -color-main-light -s24"></span>
            </div>
          </div>
        </div>
        <div class="araxxe-chat-list--content">
          <div class="araxxe-vertical-spacing -s5">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-chat-message">
                <div class="araxxe-chat-message--slot">
                  <div class="araxxe-dot -s36 -fill-half-shade-50">AD
                  </div>
                </div>
                <div class="araxxe-chat-message--slot -expand">
                  <div class="araxxe-chat-message--message">
                    <div class="araxxe-speech-bubble -me">
                      Speech bubble text
                      in
                      multiple lines.
                    </div>
                  </div>
                  <div class="araxxe-chat-message--info">
                    <div class="araxxe-horizontal-spacing -s5 -end">
                      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Date</span>
                      </div>
                      <div class="araxxe-horizontal-spacing--column">
                        <button class="araxxe-icon araxxe-glyph-trash -color-danger -s18 -clickable"></button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-chat-message">
                <div class="araxxe-chat-message--slot">
                  <div class="araxxe-dot -s36 -fill-half-main-light">AD
                  </div>
                </div>
                <div class="araxxe-chat-message--slot -expand">
                  <div class="araxxe-chat-message--message">
                    <div class="araxxe-speech-bubble">
                      Speech bubble text
                      in
                      multiple lines.
                    </div>
                  </div>
                  <div class="araxxe-chat-message--message">
                    <div class="araxxe-speech-bubble">
                      Speech bubble text
                      in
                      multiple lines.
                    </div>
                  </div>
                  <div class="araxxe-chat-message--message">
                    <div class="araxxe-screenshot-bubble"><img class="araxxe-screenshot-bubble--image" src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg"/>
                      <div class="araxxe-screenshot-bubble--panel">
                        <button class="araxxe-dot -s48 -color-shade-30 -clickable -fill-shade-100">
                          <span class="araxxe-icon araxxe-glyph-zoom-in -s24"></span>
                        </button>
                      </div>
                    </div>
                  </div>
                  <div class="araxxe-chat-message--info -right"><span class="araxxe-text-info">Date</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-chat-list--input">
          <div class="araxxe-chat-message">
            <div class="araxxe-chat-message--slot">
              <div class="araxxe-dot -s36 -fill-half-shade-50">AD
              </div>
            </div>
            <div class="araxxe-chat-message--slot -expand">
              <div class="araxxe-chat-message--message">
                <div class="araxxe-input-group ion--input-secondary">
                  <div class="araxxe-input-group--slot -expand ion--group">
                    <textarea class="araxxe-textarea" rows="1"></textarea>
                  </div>
                  <div class="araxxe-input-group--slot -input -clickable ion--group">
                    <span class="araxxe-icon araxxe-glyph-attach -s24"></span>
                  </div>
                </div>
              </div>
              <div class="araxxe-chat-message--info">
                <div class="araxxe-horizontal-spacing -s15">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-horizontal-spacing -s5">
                      <div class="araxxe-horizontal-spacing--column">
                        <span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
                      </div>
                      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Tap enter to send</span>
                      </div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-horizontal-spacing -s5">
                      <div class="araxxe-horizontal-spacing--column">
                        <span class="araxxe-icon araxxe-glyph-shift -color-shade-75 -s16"></span>
                        <span class="araxxe-icon araxxe-glyph-plus -color-shade-75 -s16"></span>
                        <span class="araxxe-icon araxxe-glyph-enter -color-shade-75 -s16"></span>
                      </div>
                      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-text-info">Shift enter to insert a line break</span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-chat-modal--sidebar">
      <div class="araxxe-chat-list -messages">
        <div class="araxxe-chat-list--header">
          <div class="araxxe-dropdown ion--close">
            <div class="araxxe-dropdown--button">
              <button class="araxxe-button-select"><span class="araxxe-button-select--text">Button select</span><span class="araxxe-button-select--caret araxxe-glyph-arrow-down"></span>
              </button>
            </div>
            <div class="araxxe-dropdown--area -w300">
              <div class="araxxe-contextual-menu">
                <div class="araxxe-contextual-menu--slot">
                  <button class="araxxe-contextual-entry ion--hoverable -h34">
                    <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                    </div>
                    <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                    <div class="araxxe-contextual-entry--slot">
                      <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                    </div>
                  </button>
                </div>
                <div class="araxxe-contextual-menu--slot">
                  <button class="araxxe-contextual-entry ion--hoverable -h34">
                    <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                    </div>
                    <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                  </button>
                </div>
                <div class="araxxe-contextual-menu--slot">
                  <button class="araxxe-contextual-entry ion--hoverable -h34">
                    <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                    </div>
                    <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                  </button>
                </div>
                <div class="araxxe-contextual-menu--slot">
                  <button class="araxxe-contextual-entry ion--hoverable -h34">
                    <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                    </div>
                    <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                  </button>
                </div>
                <div class="araxxe-contextual-menu--slot">
                  <button class="araxxe-contextual-entry ion--hoverable -h44">
                    <div class="araxxe-contextual-entry--slot">
                      <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                    </div>
                    <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-chat-list--content">
          <div class="araxxe-vertical-spacing -s20">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-vertical-spacing -s5">
                <div class="araxxe-vertical-spacing--line">
                  <figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
                    <figcaption class="araxxe-screenshot--panel">
                      <div class="araxxe-vertical-spacing -s20">
                        <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
                        </div>
                        <div class="araxxe-vertical-spacing--line">
                          <div class="araxxe-horizontal-spacing -s10 -middle">
                            <div class="araxxe-horizontal-spacing--column">
                              <div class="araxxe-dot -s36 -fill-half-main-light">AD
                              </div>
                            </div>
                            <div class="araxxe-horizontal-spacing--column">
                              <address class="araxxe-screenshot--address">First name Last name</address>
                            </div>
                          </div>
                        </div>
                      </div>
                    </figcaption>
                  </figure>
                </div>
                <div class="araxxe-vertical-spacing--line -align-right">
                  <button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-vertical-spacing -s5">
                <div class="araxxe-vertical-spacing--line">
                  <figure class="araxxe-screenshot"><img class="araxxe-screenshot--image" src="/molecule/screenshot/screenshot.jpg" alt="Screenshot"/>
                    <figcaption class="araxxe-screenshot--panel">
                      <div class="araxxe-vertical-spacing -s20">
                        <div class="araxxe-vertical-spacing--line"><span class="araxxe-text-info">Date</span>
                        </div>
                        <div class="araxxe-vertical-spacing--line">
                          <div class="araxxe-horizontal-spacing -s10 -middle">
                            <div class="araxxe-horizontal-spacing--column">
                              <div class="araxxe-dot -s36 -fill-half-main-light">AD
                              </div>
                            </div>
                            <div class="araxxe-horizontal-spacing--column">
                              <address class="araxxe-screenshot--address">First name Last name</address>
                            </div>
                          </div>
                        </div>
                      </div>
                    </figcaption>
                  </figure>
                </div>
                <div class="araxxe-vertical-spacing--line -align-right">
                  <button class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -s24 -clickable"></button>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-chat-modal
  .araxxe-chat-modal--content
    .araxxe-chat-modal--messages
      .araxxe-chat-list.-messages
        .araxxe-chat-list--header
          .araxxe-horizontal-spacing.-s10.-middle
            .araxxe-horizontal-spacing--column
              h2.araxxe-title-medium Title medium
            .araxxe-horizontal-spacing--column
              span.araxxe-icon.araxxe-glyph-search.-color-main-light.-s24
        .araxxe-chat-list--content
          .araxxe-vertical-spacing.-s5
            .araxxe-vertical-spacing--line
              .araxxe-chat-message
                .araxxe-chat-message--slot
                  .araxxe-dot.-s36.-fill-half-shade-50 AD
                .araxxe-chat-message--slot.-expand
                  .araxxe-chat-message--message
                    .araxxe-speech-bubble.-me
                      .
                        Speech bubble text
                        in
                        multiple lines.
                  .araxxe-chat-message--info
                    .araxxe-horizontal-spacing.-s5.-end
                      .araxxe-horizontal-spacing--column
                        span.araxxe-text-info Date
                      .araxxe-horizontal-spacing--column
                        button.araxxe-icon.araxxe-glyph-trash.-color-danger.-s18.-clickable
            .araxxe-vertical-spacing--line
              .araxxe-chat-message
                .araxxe-chat-message--slot
                  .araxxe-dot.-s36.-fill-half-main-light AD
                .araxxe-chat-message--slot.-expand
                  .araxxe-chat-message--message
                    .araxxe-speech-bubble
                      .
                        Speech bubble text
                        in
                        multiple lines.
                  .araxxe-chat-message--message
                    .araxxe-speech-bubble
                      .
                        Speech bubble text
                        in
                        multiple lines.
                  .araxxe-chat-message--message
                    .araxxe-screenshot-bubble
                      img.araxxe-screenshot-bubble--image(src="/molecule/bubble/screenshot-bubble/screenshot-bubble.jpg")
                      .araxxe-screenshot-bubble--panel
                        button.araxxe-dot.-s48.-color-shade-30.-clickable.-fill-shade-100
                          span.araxxe-icon.araxxe-glyph-zoom-in.-s24
                  .araxxe-chat-message--info.-right
                    span.araxxe-text-info Date
        .araxxe-chat-list--input
          .araxxe-chat-message
            .araxxe-chat-message--slot
              .araxxe-dot.-s36.-fill-half-shade-50 AD
            .araxxe-chat-message--slot.-expand
              .araxxe-chat-message--message
                .araxxe-input-group.ion--input-secondary
                  .araxxe-input-group--slot.-expand.ion--group
                    textarea.araxxe-textarea(rows="1")
                  .araxxe-input-group--slot.-input.-clickable.ion--group
                    span.araxxe-icon.araxxe-glyph-attach.-s24
              .araxxe-chat-message--info
                .araxxe-horizontal-spacing.-s15
                  .araxxe-horizontal-spacing--column
                    .araxxe-horizontal-spacing.-s5
                      .araxxe-horizontal-spacing--column
                        span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
                      .araxxe-horizontal-spacing--column
                        span.araxxe-text-info Tap enter to send
                  .araxxe-horizontal-spacing--column
                    .araxxe-horizontal-spacing.-s5
                      .araxxe-horizontal-spacing--column
                        span.araxxe-icon.araxxe-glyph-shift.-color-shade-75.-s16
                        span.araxxe-icon.araxxe-glyph-plus.-color-shade-75.-s16
                        span.araxxe-icon.araxxe-glyph-enter.-color-shade-75.-s16
                      .araxxe-horizontal-spacing--column
                        span.araxxe-text-info Shift enter to insert a line break
    .araxxe-chat-modal--sidebar
      .araxxe-chat-list.-messages
        .araxxe-chat-list--header
          .araxxe-dropdown.ion--close
            .araxxe-dropdown--button
              button.araxxe-button-select
                span.araxxe-button-select--text Button select
                span.araxxe-button-select--caret.araxxe-glyph-arrow-down
            .araxxe-dropdown--area.-w300
              .araxxe-contextual-menu
                .araxxe-contextual-menu--slot
                  button.araxxe-contextual-entry.ion--hoverable.-h34
                    .araxxe-contextual-entry--slot
                      span.araxxe-spot.-s18.-active
                    .araxxe-contextual-entry--slot.-expand Contextual entry for status
                    .araxxe-contextual-entry--slot
                      span.araxxe-switch.-off(role="switch" aria-checked="false")
                        span.araxxe-switch--button
                .araxxe-contextual-menu--slot
                  button.araxxe-contextual-entry.ion--hoverable.-h34
                    .araxxe-contextual-entry--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                    .araxxe-contextual-entry--slot.-expand Contextual entry
                .araxxe-contextual-menu--slot
                  button.araxxe-contextual-entry.ion--hoverable.-h34
                    .araxxe-contextual-entry--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                    .araxxe-contextual-entry--slot.-expand Contextual entry
                .araxxe-contextual-menu--slot
                  button.araxxe-contextual-entry.ion--hoverable.-h34
                    .araxxe-contextual-entry--slot
                      span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                    .araxxe-contextual-entry--slot.-expand Contextual entry
                .araxxe-contextual-menu--slot
                  button.araxxe-contextual-entry.ion--hoverable.-h44
                    .araxxe-contextual-entry--slot
                      span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                    .araxxe-contextual-entry--slot.-expand Contextual entry
        .araxxe-chat-list--content
          .araxxe-vertical-spacing.-s20
            .araxxe-vertical-spacing--line
              .araxxe-vertical-spacing.-s5
                .araxxe-vertical-spacing--line
                  figure.araxxe-screenshot
                    img.araxxe-screenshot--image(src="/molecule/screenshot/screenshot.jpg" alt="Screenshot")
                    figcaption.araxxe-screenshot--panel
                      .araxxe-vertical-spacing.-s20
                        .araxxe-vertical-spacing--line
                          span.araxxe-text-info Date
                        .araxxe-vertical-spacing--line
                          .araxxe-horizontal-spacing.-s10.-middle
                            .araxxe-horizontal-spacing--column
                              .araxxe-dot.-s36.-fill-half-main-light AD
                            .araxxe-horizontal-spacing--column
                              address.araxxe-screenshot--address First name Last name
                .araxxe-vertical-spacing--line.-align-right
                  button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable
            .araxxe-vertical-spacing--line
              .araxxe-vertical-spacing.-s5
                .araxxe-vertical-spacing--line
                  figure.araxxe-screenshot
                    img.araxxe-screenshot--image(src="/molecule/screenshot/screenshot.jpg" alt="Screenshot")
                    figcaption.araxxe-screenshot--panel
                      .araxxe-vertical-spacing.-s20
                        .araxxe-vertical-spacing--line
                          span.araxxe-text-info Date
                        .araxxe-vertical-spacing--line
                          .araxxe-horizontal-spacing.-s10.-middle
                            .araxxe-horizontal-spacing--column
                              .araxxe-dot.-s36.-fill-half-main-light AD
                            .araxxe-horizontal-spacing--column
                              address.araxxe-screenshot--address First name Last name
                .araxxe-vertical-spacing--line.-align-right
                  button.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-s24.-clickable

Dark modal

<div class="araxxe-dark-modal -w320">
  <div class="araxxe-vertical-spacing -s15">
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-from-to-illustration">
        <div class="araxxe-from-to-illustration--from">
          <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
            <div class="araxxe-icon-flagged--icon">
              <span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
            </div>
            <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-oio">OIO</span>
            </div>
          </div>
        </div>
        <div class="araxxe-from-to-illustration--connection">
          <div class="araxxe-from-to-illustration--connector"></div>
          <div class="araxxe-from-to-illustration--icon-connector">
            <span class="araxxe-icon araxxe-glyph-arrow-right-rounded"></span>
          </div>
          <div class="araxxe-from-to-illustration--message">
            <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
              <div class="araxxe-icon-flagged--icon">
                <span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s58"></span>
              </div>
              <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-from-to-illustration--to">
          <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
            <div class="araxxe-icon-flagged--icon">
              <span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
            </div>
            <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <p class="araxxe-description -color-shade-100">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
      </p>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-dark-modal--highlight">
        <div class="araxxe-vertical-spacing -s0 -align-center">
          <div class="araxxe-vertical-spacing--line">
            <div class="araxxe-title-info">Test infection rate
            </div>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <div class="araxxe-horizontal-spacing -s10 -center -middle">
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-rate-chart  -fill-service-simbox">
                  <div class="araxxe-rate-chart--background  ">
                    <div class="araxxe-rate-chart--progress -p34">
                      <div class="araxxe-rate-chart--hs"></div>
                      <div class="araxxe-rate-chart--he"></div>
                    </div>
                  </div>
                  <div class="araxxe-rate-chart--hole -fill-shade-35">
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">34<span class="araxxe-number--half">%</span></span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <button class="araxxe-button -block">Close
      </button>
    </div>
  </div>
</div>

.araxxe-dark-modal.-w320
  .araxxe-vertical-spacing.-s15
    .araxxe-vertical-spacing--line
      .araxxe-from-to-illustration
        .araxxe-from-to-illustration--from
          .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
            .araxxe-icon-flagged--icon
              span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
            .araxxe-icon-flagged--flag
              span.araxxe-flag.-a2psms-oio OIO
        .araxxe-from-to-illustration--connection
          .araxxe-from-to-illustration--connector
          .araxxe-from-to-illustration--icon-connector
            span.araxxe-icon.araxxe-glyph-arrow-right-rounded
          .araxxe-from-to-illustration--message
            .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
              .araxxe-icon-flagged--icon
                span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s58
              .araxxe-icon-flagged--flag
                span.araxxe-flag.-a2psms-o O
        .araxxe-from-to-illustration--to
          .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
            .araxxe-icon-flagged--icon
              span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
            .araxxe-icon-flagged--flag
              span.araxxe-flag.-a2psms-o O
    .araxxe-vertical-spacing--line
      p.araxxe-description.-color-shade-100 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
    .araxxe-vertical-spacing--line
      .araxxe-dark-modal--highlight
        .araxxe-vertical-spacing.-s0.-align-center
          .araxxe-vertical-spacing--line
            .araxxe-title-info Test infection rate
          .araxxe-vertical-spacing--line
            .araxxe-horizontal-spacing.-s10.-center.-middle
              .araxxe-horizontal-spacing--column
                .araxxe-rate-chart.-fill-service-simbox
                  .araxxe-rate-chart--background
                    .araxxe-rate-chart--progress.-p34
                      .araxxe-rate-chart--hs
                      .araxxe-rate-chart--he
                  .araxxe-rate-chart--hole.-fill-shade-35
              .araxxe-horizontal-spacing--column
                span.araxxe-number.-color-service-simbox.-ts48 34
                  span.araxxe-number--half %
    .araxxe-vertical-spacing--line
      button.araxxe-button.-block Close

<div class="araxxe-modal -w300">
  <div class="araxxe-modal--content">
    <div class="araxxe-vertical-spacing -s30">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s10">
          <div class="araxxe-vertical-spacing--line -align-center">
            <span class="araxxe-icon araxxe-glyph-trash -color-accent -s48"></span>
          </div>
          <div class="araxxe-vertical-spacing--line -align-center">
            <h2 class="araxxe-title-medium">Title medium</h2>
          </div>
          <div class="araxxe-vertical-spacing--line -align-center">
            <p class="araxxe-description">Confirm ?
            </p>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s10">
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button -accent -block">Button
            </button>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button -block">Button
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-modal -w300">
  <div class="araxxe-modal--content">
    <div class="araxxe-vertical-spacing -s20">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s10">
          <div class="araxxe-vertical-spacing--line">
            <h2 class="araxxe-title-medium">Title medium</h2>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <p class="araxxe-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
            </p>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <button class="araxxe-button -block">Button
        </button>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-modal -w700">
  <div class="araxxe-modal--header">
    <div class="araxxe-modal--header--title">
      <h2 class="araxxe-title-medium">Title medium</h2>
    </div>
    <button class="araxxe-modal--header--button araxxe-glyph-close"></button>
  </div>
  <div class="araxxe-modal--content">
    <div class="araxxe-vertical-spacing -s20">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s15">
          <div class="araxxe-vertical-spacing--line">
            <div class="araxxe-title-underlined">
              <div class="araxxe-title-underlined--title">
                <div class="araxxe-title-info">Title underlined
                </div>
              </div>
              <div class="araxxe-title-underlined--line">
                <hr class="araxxe-line"/>
              </div>
            </div>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <p class="araxxe-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
            </p>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s15">
          <div class="araxxe-vertical-spacing--line">
            <div class="araxxe-title-underlined">
              <div class="araxxe-title-underlined--title">
                <div class="araxxe-title-info">Title underlined
                </div>
              </div>
              <div class="araxxe-title-underlined--line">
                <hr class="araxxe-line"/>
              </div>
            </div>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <p class="araxxe-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-modal -w700">
  <div class="araxxe-modal--header">
    <div class="araxxe-modal--header--title">
      <h2 class="araxxe-title-medium">Title medium</h2>
    </div>
    <button class="araxxe-modal--header--button araxxe-glyph-close"></button>
  </div>
  <div class="araxxe-modal--content">
    <form>
      <div class="araxxe-vertical-spacing -s30">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-vertical-spacing -s10">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-field" title="Field label">
                <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
                </label>
                <div class="araxxe-field--group">
                  <input class="araxxe-input-text" type="text"/>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-horizontal-spacing -s20 -equivalent -top">
                <div class="araxxe-horizontal-spacing--column">
                  <div class="araxxe-field ion--field-error" title="Field label">
                    <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
                    </label>
                    <div class="araxxe-field--group">
                      <input class="araxxe-input-text" type="text"/>
                      <div class="araxxe-field--message"><span class="araxxe-tooltip-field -error"><span class="araxxe-tooltip-field--icon araxxe-glyph-contact"></span><span class="araxxe-tooltip-field--text">Tooltip field</span><span class="araxxe-tooltip-field--triangle"></span></span>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="araxxe-horizontal-spacing--column">
                  <div class="araxxe-field" title="Field label">
                    <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
                    </label>
                    <div class="araxxe-field--group">
                      <div class="araxxe-input-group">
                        <div class="araxxe-input-group--slot -expand ion--group">
                          <input class="araxxe-input-text" type="text"/>
                        </div>
                        <div class="araxxe-input-group--slot -input -clickable ion--group">
                          <span class="araxxe-icon araxxe-glyph-date-range -color-main -s24"></span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-horizontal-spacing -s20 -equivalent -top">
                <div class="araxxe-horizontal-spacing--column">
                  <div class="araxxe-field" title="Field label">
                    <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
                    </label>
                    <div class="araxxe-field--group">
                      <button class="araxxe-input-select"><span class="araxxe-input-select--input">Select</span><span class="araxxe-input-select--button">
                          <span class="araxxe-icon araxxe-glyph-arrow-down -color-main -s24"></span></span></button>
                    </div>
                  </div>
                </div>
                <div class="araxxe-horizontal-spacing--column">
                  <div class="araxxe-field" title="Field label">
                    <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
                    </label>
                    <div class="araxxe-field--group">
                      <button class="araxxe-input-select"><span class="araxxe-input-select--input">Select</span><span class="araxxe-input-select--button">
                          <span class="araxxe-icon araxxe-glyph-arrow-down -color-main -s24"></span></span></button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-field" title="Field label">
                <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
                </label>
                <div class="araxxe-field--group">
                  <textarea class="araxxe-textarea" rows="3"></textarea>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-horizontal-spacing -s20 -middle -center">
            <div class="araxxe-horizontal-spacing--column">
              <button class="araxxe-button">Button
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>
<div class="araxxe-modal -w550">
  <div class="araxxe-modal--header">
    <div class="araxxe-modal--header--title">
      <h2 class="araxxe-title-medium">Title medium</h2>
    </div>
    <button class="araxxe-modal--header--button araxxe-glyph-close"></button>
  </div>
  <div class="araxxe-modal--content">
    <form>
      <div class="araxxe-vertical-spacing -s30">
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-field" title="Field label">
            <label class="araxxe-field--label"><span class="araxxe-text-info">Field label</span>
            </label>
            <div class="araxxe-field--group">
              <div class="araxxe-horizontal-spacing -s20 -middle">
                <div class="araxxe-horizontal-spacing--column -expand">
                  <input class="araxxe-input-text" type="text"/>
                </div>
                <div class="araxxe-horizontal-spacing--column">
                  <button class="araxxe-button -accent">Button
                  </button>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-vertical-spacing -s0">
            <div class="araxxe-vertical-spacing--line">
              <button class="araxxe-contextual-entry ion--hoverable -h44">
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-accent -s24 -clickable"></span>
                </div>
              </button>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <button class="araxxe-contextual-entry ion--hoverable -h44">
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-checkbox-checked -color-main -s24"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-accent -s24 -clickable"></span>
                </div>
              </button>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <button class="araxxe-contextual-entry ion--hoverable -h44">
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-checkbox -color-shade-50-faded -s24"></span>
                </div>
                <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                <div class="araxxe-contextual-entry--slot">
                  <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-accent -s24 -clickable"></span>
                </div>
              </button>
            </div>
          </div>
        </div>
        <div class="araxxe-vertical-spacing--line">
          <div class="araxxe-horizontal-spacing -s20 -middle -center">
            <div class="araxxe-horizontal-spacing--column">
              <button class="araxxe-button -ghost">Button
              </button>
            </div>
            <div class="araxxe-horizontal-spacing--column -expand -align-right">
              <button class="araxxe-button">Button
              </button>
            </div>
          </div>
        </div>
      </div>
    </form>
  </div>
</div>

.araxxe-modal.-w300
  .araxxe-modal--content
    .araxxe-vertical-spacing.-s30
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s10
          .araxxe-vertical-spacing--line.-align-center
            span.araxxe-icon.araxxe-glyph-trash.-color-accent.-s48
          .araxxe-vertical-spacing--line.-align-center
            h2.araxxe-title-medium Title medium
          .araxxe-vertical-spacing--line.-align-center
            p.araxxe-description Confirm ?
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s10
          .araxxe-vertical-spacing--line
            button.araxxe-button.-accent.-block Button
          .araxxe-vertical-spacing--line
            button.araxxe-button.-block Button
.araxxe-modal.-w300
  .araxxe-modal--content
    .araxxe-vertical-spacing.-s20
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s10
          .araxxe-vertical-spacing--line
            h2.araxxe-title-medium Title medium
          .araxxe-vertical-spacing--line
            p.araxxe-description Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
      .araxxe-vertical-spacing--line
        button.araxxe-button.-block Button
.araxxe-modal.-w700
  .araxxe-modal--header
    .araxxe-modal--header--title
      h2.araxxe-title-medium Title medium
    button.araxxe-modal--header--button.araxxe-glyph-close
  .araxxe-modal--content
    .araxxe-vertical-spacing.-s20
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s15
          .araxxe-vertical-spacing--line
            .araxxe-title-underlined
              .araxxe-title-underlined--title
                .araxxe-title-info Title underlined
              .araxxe-title-underlined--line
                hr.araxxe-line
          .araxxe-vertical-spacing--line
            p.araxxe-paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s15
          .araxxe-vertical-spacing--line
            .araxxe-title-underlined
              .araxxe-title-underlined--title
                .araxxe-title-info Title underlined
              .araxxe-title-underlined--line
                hr.araxxe-line
          .araxxe-vertical-spacing--line
            p.araxxe-paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec ex dui. Integer a urna molestie, dignissim odio nec, convallis nisl. Morbi accumsan quam id arcu interdum suscipit. Nullam tincidunt sem at felis hendrerit luctus. Aliquam vel nunc in lectus consectetur auctor sit amet ac leo. Praesent sit amet luctus neque. Nulla ac gravida sapien. Aliquam non tellus in nunc congue vulputate. In congue tellus id mi eleifend ultricies.
.araxxe-modal.-w700
  .araxxe-modal--header
    .araxxe-modal--header--title
      h2.araxxe-title-medium Title medium
    button.araxxe-modal--header--button.araxxe-glyph-close
  .araxxe-modal--content
    form
      .araxxe-vertical-spacing.-s30
        .araxxe-vertical-spacing--line
          .araxxe-vertical-spacing.-s10
            .araxxe-vertical-spacing--line
              .araxxe-field(title="Field label")
                label.araxxe-field--label
                  span.araxxe-text-info Field label
                .araxxe-field--group
                  input.araxxe-input-text(type="text")
            .araxxe-vertical-spacing--line
              .araxxe-horizontal-spacing.-s20.-equivalent.-top
                .araxxe-horizontal-spacing--column
                  .araxxe-field.ion--field-error(title="Field label")
                    label.araxxe-field--label
                      span.araxxe-text-info Field label
                    .araxxe-field--group
                      input.araxxe-input-text(type="text")
                      .araxxe-field--message
                        span.araxxe-tooltip-field.-error
                          span.araxxe-tooltip-field--icon.araxxe-glyph-contact
                          span.araxxe-tooltip-field--text Tooltip field
                          span.araxxe-tooltip-field--triangle
                .araxxe-horizontal-spacing--column
                  .araxxe-field(title="Field label")
                    label.araxxe-field--label
                      span.araxxe-text-info Field label
                    .araxxe-field--group
                      .araxxe-input-group
                        .araxxe-input-group--slot.-expand.ion--group
                          input.araxxe-input-text(type="text")
                        .araxxe-input-group--slot.-input.-clickable.ion--group
                          span.araxxe-icon.araxxe-glyph-date-range.-color-main.-s24
            .araxxe-vertical-spacing--line
              .araxxe-horizontal-spacing.-s20.-equivalent.-top
                .araxxe-horizontal-spacing--column
                  .araxxe-field(title="Field label")
                    label.araxxe-field--label
                      span.araxxe-text-info Field label
                    .araxxe-field--group
                      button.araxxe-input-select
                        span.araxxe-input-select--input Select
                        span.araxxe-input-select--button
                          span.araxxe-icon.araxxe-glyph-arrow-down.-color-main.-s24
                .araxxe-horizontal-spacing--column
                  .araxxe-field(title="Field label")
                    label.araxxe-field--label
                      span.araxxe-text-info Field label
                    .araxxe-field--group
                      button.araxxe-input-select
                        span.araxxe-input-select--input Select
                        span.araxxe-input-select--button
                          span.araxxe-icon.araxxe-glyph-arrow-down.-color-main.-s24
            .araxxe-vertical-spacing--line
              .araxxe-field(title="Field label")
                label.araxxe-field--label
                  span.araxxe-text-info Field label
                .araxxe-field--group
                  textarea.araxxe-textarea(rows="3")
        .araxxe-vertical-spacing--line
          .araxxe-horizontal-spacing.-s20.-middle.-center
            .araxxe-horizontal-spacing--column
              button.araxxe-button Button
.araxxe-modal.-w550
  .araxxe-modal--header
    .araxxe-modal--header--title
      h2.araxxe-title-medium Title medium
    button.araxxe-modal--header--button.araxxe-glyph-close
  .araxxe-modal--content
    form
      .araxxe-vertical-spacing.-s30
        .araxxe-vertical-spacing--line
          .araxxe-field(title="Field label")
            label.araxxe-field--label
              span.araxxe-text-info Field label
            .araxxe-field--group
              .araxxe-horizontal-spacing.-s20.-middle
                .araxxe-horizontal-spacing--column.-expand
                  input.araxxe-input-text(type="text")
                .araxxe-horizontal-spacing--column
                  button.araxxe-button.-accent Button
        .araxxe-vertical-spacing--line
          .araxxe-vertical-spacing.-s0
            .araxxe-vertical-spacing--line
              button.araxxe-contextual-entry.ion--hoverable.-h44
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
                .araxxe-contextual-entry--slot.-expand Contextual entry
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-accent.-s24.-clickable
            .araxxe-vertical-spacing--line
              button.araxxe-contextual-entry.ion--hoverable.-h44
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-checkbox-checked.-color-main.-s24
                .araxxe-contextual-entry--slot.-expand Contextual entry
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-accent.-s24.-clickable
            .araxxe-vertical-spacing--line
              button.araxxe-contextual-entry.ion--hoverable.-h44
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-checkbox.-color-shade-50-faded.-s24
                .araxxe-contextual-entry--slot.-expand Contextual entry
                .araxxe-contextual-entry--slot
                  span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-accent.-s24.-clickable
        .araxxe-vertical-spacing--line
          .araxxe-horizontal-spacing.-s20.-middle.-center
            .araxxe-horizontal-spacing--column
              button.araxxe-button.-ghost Button
            .araxxe-horizontal-spacing--column.-expand.-align-right
              button.araxxe-button Button

News banner

<div class="araxxe-news-banner" style="background-image: url('/organism/news-banner/news-banner.jpg')">
  <div class="araxxe-news-banner--content">
    <div class="araxxe-news-banner--slot">
      <div class="araxxe-horizontal-spacing -s30 -left -middle">
        <div class="araxxe-horizontal-spacing--column">
          <h1 class="araxxe-title-big -light">Title big
          </h1>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-horizontal-spacing -s15 -left -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-dot -s6 -fill-shade-100">
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <button class="araxxe-dot -s6 -clickable -fill-half-shade-100">
              </button>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <button class="araxxe-dot -s6 -clickable -fill-half-shade-100">
              </button>
            </div>
          </div>
        </div>
      </div>
      <div class="araxxe-news-banner--navigation">
        <div class="araxxe-horizontal-spacing -s20 -center -middle">
          <div class="araxxe-horizontal-spacing--column">
            <button class="araxxe-icon araxxe-glyph-arrow-left-rounded -color-shade-100 -s24 -clickable"></button>
          </div>
          <div class="araxxe-horizontal-spacing--column">
            <button class="araxxe-icon araxxe-glyph-arrow-right-rounded -color-shade-100 -s24 -clickable"></button>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-news-banner--slot">
      <div class="araxxe-horizontal-spacing -s30 -equivalent -top">
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-news-summary">
            <div class="araxxe-news-summary--date">02.06.2020</div>
            <div class="araxxe-news-summary--summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.</div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-news-summary">
            <div class="araxxe-news-summary--date">02.06.2020</div>
            <div class="araxxe-news-summary--summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.</div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-news-summary">
            <div class="araxxe-news-summary--date">02.06.2020</div>
            <div class="araxxe-news-summary--summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-news-banner(style="background-image: url('/organism/news-banner/news-banner.jpg')")
  .araxxe-news-banner--content
    .araxxe-news-banner--slot
      .araxxe-horizontal-spacing.-s30.-left.-middle
        .araxxe-horizontal-spacing--column
          h1.araxxe-title-big.-light Title big
        .araxxe-horizontal-spacing--column
          .araxxe-horizontal-spacing.-s15.-left.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-dot.-s6.-fill-shade-100
            .araxxe-horizontal-spacing--column
              button.araxxe-dot.-s6.-clickable.-fill-half-shade-100
            .araxxe-horizontal-spacing--column
              button.araxxe-dot.-s6.-clickable.-fill-half-shade-100
      .araxxe-news-banner--navigation
        .araxxe-horizontal-spacing.-s20.-center.-middle
          .araxxe-horizontal-spacing--column
            button.araxxe-icon.araxxe-glyph-arrow-left-rounded.-color-shade-100.-s24.-clickable
          .araxxe-horizontal-spacing--column
            button.araxxe-icon.araxxe-glyph-arrow-right-rounded.-color-shade-100.-s24.-clickable
    .araxxe-news-banner--slot
      .araxxe-horizontal-spacing.-s30.-equivalent.-top
        .araxxe-horizontal-spacing--column
          .araxxe-news-summary
            .araxxe-news-summary--date 02.06.2020
            .araxxe-news-summary--summary Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.
        .araxxe-horizontal-spacing--column
          .araxxe-news-summary
            .araxxe-news-summary--date 02.06.2020
            .araxxe-news-summary--summary Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.
        .araxxe-horizontal-spacing--column
          .araxxe-news-summary
            .araxxe-news-summary--date 02.06.2020
            .araxxe-news-summary--summary Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum suscipit mollis nisl a efficitur. Fusce quis bibendum sapien. Sed dui nisi, vulputate in scelerisque a, fringilla a dolor. Aenean congue lorem quis leo pellentesque vestibulum. Suspendisse malesuada arcu dui, sed sagittis elit facilisis eget. Mauris commodo, mi at eleifend dapibus, augue tortor laoreet ligula, accumsan volutpat nibh tellus a neque. Suspendisse et est scelerisque, tempor ante ac, molestie ipsum.

Page container

<div class="araxxe-page-container">
  <div class="araxxe-page-container--content">Page container
  </div>
</div>
<div class="araxxe-page-container">
  <div class="araxxe-page-container--content -v70">Page container
  </div>
</div>
<div class="araxxe-page-container">
  <div class="araxxe-page-container--tabs">
    <div class="araxxe-tabs-page">
      <div class="araxxe-tabs-page--tab">
        <div class="araxxe-tab-page -selected">
          <div class="araxxe-tab-page--text">Tab page</div>
        </div>
      </div>
      <div class="araxxe-tabs-page--tab">
        <div class="araxxe-tab-page">
          <div class="araxxe-tab-page--text">Tab page</div>
        </div>
      </div>
      <div class="araxxe-tabs-page--tab">
        <div class="araxxe-tab-page -disabled">
          <div class="araxxe-tab-page--text">Tab page</div>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-page-container--content">Page container
  </div>
</div>

.araxxe-page-container
  .araxxe-page-container--content Page container
.araxxe-page-container
  .araxxe-page-container--content.-v70 Page container
.araxxe-page-container
  .araxxe-page-container--tabs
    .araxxe-tabs-page
      .araxxe-tabs-page--tab
        .araxxe-tab-page.-selected
          .araxxe-tab-page--text Tab page
      .araxxe-tabs-page--tab
        .araxxe-tab-page
          .araxxe-tab-page--text Tab page
      .araxxe-tabs-page--tab
        .araxxe-tab-page.-disabled
          .araxxe-tab-page--text Tab page
  .araxxe-page-container--content Page container

<div class="araxxe-popover">
  <button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
  </button>
  <div class="araxxe-popover--slot">
    <div class="araxxe-horizontal-spacing -s15">
      <div class="araxxe-horizontal-spacing--column -expand"><span class="araxxe-text-info">Labeled entry</span>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <div class="araxxe-popover--slot--button"><span class="araxxe-text-info">en</span>
        </div>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <div class="araxxe-popover--slot--button -active"><span class="araxxe-text-info">fr</span>
        </div>
      </div>
      <div class="araxxe-horizontal-spacing--column">
        <div class="araxxe-popover--slot--button"><span class="araxxe-text-info">es</span>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-popover--separator"></div>
  <button class="araxxe-popover--slot -clickable"><span class="araxxe-text-info">Clickable entry</span>
  </button>
</div>

.araxxe-popover
  button.araxxe-popover--slot.-clickable
    span.araxxe-text-info Clickable entry
  .araxxe-popover--slot
    .araxxe-horizontal-spacing.-s15
      .araxxe-horizontal-spacing--column.-expand
        span.araxxe-text-info Labeled entry
      .araxxe-horizontal-spacing--column
        .araxxe-popover--slot--button
          span.araxxe-text-info en
      .araxxe-horizontal-spacing--column
        .araxxe-popover--slot--button.-active
          span.araxxe-text-info fr
      .araxxe-horizontal-spacing--column
        .araxxe-popover--slot--button
          span.araxxe-text-info es
  .araxxe-popover--separator
  button.araxxe-popover--slot.-clickable
    span.araxxe-text-info Clickable entry

Recipient card

<div class="araxxe-recipient-card">
  <div class="araxxe-tile -horizontal">
    <div class="araxxe-tile--slot -g1">
      <div class="araxxe-recipient-card--content">
        <div class="araxxe-vertical-spacing -s20">
          <div class="araxxe-vertical-spacing--line">
            <p class="araxxe-description">SOO
            </p>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <div class="araxxe-vertical-spacing -s5 -align-center">
              <div class="araxxe-vertical-spacing--line">
                <div class="araxxe-title-info">Title info
                </div>
              </div>
              <div class="araxxe-vertical-spacing--line">
                <div class="araxxe-horizontal-spacing -s10 -middle -center">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-rate-chart -s48 ">
                      <div class="araxxe-rate-chart--background  ">
                        <div class="araxxe-rate-chart--progress -p10">
                          <div class="araxxe-rate-chart--hs"></div>
                          <div class="araxxe-rate-chart--he"></div>
                        </div>
                      </div>
                      <div class="araxxe-rate-chart--hole">
                      </div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-main -ts48 ">10<span class="araxxe-number--half">%</span></span>
                  </div>
                </div>
              </div>
              <div class="araxxe-vertical-spacing--line -align-right">
                <button class="araxxe-icon araxxe-glyph-info -color-shade-75 -hover-color-shade-85 -s24 -clickable"></button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-tile--slot -clickable -g3">
      <div class="araxxe-tile -vertical">
        <div class="araxxe-tile--slot -expand">
          <div class="araxxe-recipient-card--header">
            <div class="araxxe-from-to">
              <div class="araxxe-from-to--from"><span class="araxxe-flag -a2psms-olo">O</span>
              </div>
              <div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
              <div class="araxxe-from-to--to -a2psms-o"><span class="araxxe-flag -a2psms-o -inverted">O</span>
              </div>
            </div>
          </div>
          <div class="araxxe-recipient-card--content">
            <div class="araxxe-horizontal-separe -equivalent">
              <div class="araxxe-horizontal-separe--column">
                <div class="araxxe-vertical-spacing -s0 -align-center">
                  <div class="araxxe-vertical-spacing--line">
                    <div class="araxxe-title-info">From
                    </div>
                  </div>
                  <div class="araxxe-vertical-spacing--line">
                    <h3 class="araxxe-title-card">Title card
                    </h3>
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-separe--separator"></div>
              <div class="araxxe-horizontal-separe--column">
                <div class="araxxe-vertical-spacing -s0 -align-center">
                  <div class="araxxe-vertical-spacing--line">
                    <div class="araxxe-title-info">To
                    </div>
                  </div>
                  <div class="araxxe-vertical-spacing--line">
                    <h3 class="araxxe-title-card">Title card
                    </h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-tile--slot">
          <div class="araxxe-recipient-card--content">
            <div class="araxxe-horizontal-spacing">
              <div class="araxxe-horizontal-spacing--column -g1">
                <div class="araxxe-horizontal-spacing -s10 -bottom">
                  <div class="araxxe-horizontal-spacing--column">
                    <p class="araxxe-description">1500
                    </p>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column -g1">
                <div class="araxxe-horizontal-spacing -s10 -bottom">
                  <div class="araxxe-horizontal-spacing--column">
                    <p class="araxxe-description">1500
                    </p>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column -g2 -align-right">
                <div class="araxxe-subtitle-card">From 12 december 2020 to 30 february 2021
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-recipient-card">
  <div class="araxxe-tile -horizontal">
    <div class="araxxe-tile--slot -g1">
      <div class="araxxe-tile -vertical">
        <div class="araxxe-tile--slot -expand -flat">
          <div class="araxxe-recipient-card--content">
            <div class="araxxe-vertical-spacing -s20">
              <div class="araxxe-vertical-spacing--line">
                <div class="araxxe-horizontal-spacing">
                  <div class="araxxe-horizontal-spacing--column -expand">
                    <p class="araxxe-description">MOO
                    </p>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <button class="araxxe-icon araxxe-glyph-info -color-shade-75 -hover-color-shade-85 -s16 -clickable"></button>
                  </div>
                </div>
              </div>
              <div class="araxxe-vertical-spacing--line">
                <div class="araxxe-vertical-spacing -s5 -align-center">
                  <div class="araxxe-vertical-spacing--line">
                    <div class="araxxe-title-info">Title info
                    </div>
                  </div>
                  <div class="araxxe-vertical-spacing--line">
                    <div class="araxxe-horizontal-spacing -s10 -middle -center">
                      <div class="araxxe-horizontal-spacing--column">
                        <div class="araxxe-rate-chart -s48 -fill-service-simbox">
                          <div class="araxxe-rate-chart--background  ">
                            <div class="araxxe-rate-chart--progress -p10">
                              <div class="araxxe-rate-chart--hs"></div>
                              <div class="araxxe-rate-chart--he"></div>
                            </div>
                          </div>
                          <div class="araxxe-rate-chart--hole">
                          </div>
                        </div>
                      </div>
                      <div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts48 ">10<span class="araxxe-number--half">%</span></span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-tile--slot -secondary">
          <div class="araxxe-recipient-card--content">
            <div class="araxxe-horizontal-spacing -s5 -center -bottom">
              <div class="araxxe-horizontal-spacing--column"><span class="araxxe-number -color-service-simbox -ts18 ">47%</span>
              </div>
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-subtitle-card">of Bypass events
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-tile--slot -clickable -g3">
      <div class="araxxe-tile -vertical">
        <div class="araxxe-tile--slot -expand -flat">
          <div class="araxxe-recipient-card--content">
            <div class="araxxe-recipient-card--content--arrow araxxe-glyph-arrow-right-line"></div>
            <div class="araxxe-horizontal-separe -equivalent">
              <div class="araxxe-horizontal-separe--column">
                <div class="araxxe-vertical-spacing -s15 -align-center">
                  <div class="araxxe-vertical-spacing--line">
                    <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                      <div class="araxxe-icon-flagged--icon">
                        <span class="araxxe-icon araxxe-glyph-simcard-national -s58"></span>
                      </div>
                      <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -simbox-olo">OLO</span>
                      </div>
                    </div>
                  </div>
                  <div class="araxxe-vertical-spacing--line">
                    <h3 class="araxxe-title-card">Title card
                    </h3>
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-separe--separator"></div>
              <div class="araxxe-horizontal-separe--column">
                <div class="araxxe-vertical-spacing -s15 -align-center">
                  <div class="araxxe-vertical-spacing--line">
                    <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                      <div class="araxxe-icon-flagged--icon">
                        <span class="araxxe-icon araxxe-glyph-mobile -s58"></span>
                      </div>
                      <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -simbox-o">O</span>
                      </div>
                    </div>
                  </div>
                  <div class="araxxe-vertical-spacing--line">
                    <h3 class="araxxe-title-card">Title card
                    </h3>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-tile--slot -secondary">
          <div class="araxxe-recipient-card--content">
            <div class="araxxe-horizontal-spacing -s20">
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-horizontal-spacing -s10 -bottom">
                  <div class="araxxe-horizontal-spacing--column">
                    <p class="araxxe-description">1500
                    </p>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
                  </div>
                </div>
              </div>
              <div class="araxxe-horizontal-spacing--column">
                <div class="araxxe-horizontal-spacing -s10 -bottom">
                  <div class="araxxe-horizontal-spacing--column">
                    <p class="araxxe-description">1500
                    </p>
                  </div>
                  <div class="araxxe-horizontal-spacing--column"><span class="araxxe-unit">Unit</span>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
  <div class="araxxe-recipient-card -flat">
    <div class="araxxe-recipient-card--header">
      <div class="araxxe-from-to">
        <div class="araxxe-from-to--from"><span class="araxxe-text-info">From</span>
        </div>
        <div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
        <div class="araxxe-from-to--to -a2psms-oio"><span class="araxxe-text-info">To</span>
        </div>
      </div>
    </div>
    <div class="araxxe-recipient-card--content">
      <div class="araxxe-horizontal-spacing -s20 -middle">
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-vertical-spacing -s15 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                <div class="araxxe-icon-flagged--icon">
                  <span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
                </div>
                <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-olo">OLO</span>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -w70">
          <div class="araxxe-vertical-spacing -s0 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s48"></span>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-connector"></div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-vertical-spacing -s15 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                <div class="araxxe-icon-flagged--icon">
                  <span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
                </div>
                <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
  <div class="araxxe-recipient-card -faded">
    <div class="araxxe-recipient-card--header">
      <div class="araxxe-from-to">
        <div class="araxxe-from-to--from"><span class="araxxe-text-info">From</span>
        </div>
        <div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
        <div class="araxxe-from-to--to -a2psms-oio"><span class="araxxe-text-info">To</span>
        </div>
      </div>
    </div>
    <div class="araxxe-recipient-card--content">
      <div class="araxxe-horizontal-spacing -s20 -middle">
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-vertical-spacing -s15 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                <div class="araxxe-icon-flagged--icon">
                  <span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
                </div>
                <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-olo">OLO</span>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -w70">
          <div class="araxxe-vertical-spacing -s0 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s48"></span>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-connector"></div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-vertical-spacing -s15 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                <div class="araxxe-icon-flagged--icon">
                  <span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
                </div>
                <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div style="background-color:#f8f7f5;padding:10px">
  <div class="araxxe-recipient-card -secondary">
    <div class="araxxe-recipient-card--header">
      <div class="araxxe-from-to">
        <div class="araxxe-from-to--from"><span class="araxxe-text-info">From</span>
        </div>
        <div class="araxxe-from-to--icon araxxe-glyph-arrow-right-line"></div>
        <div class="araxxe-from-to--to -a2psms-oio"><span class="araxxe-text-info">To</span>
        </div>
      </div>
    </div>
    <div class="araxxe-recipient-card--content">
      <div class="araxxe-horizontal-spacing -s20 -middle">
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-vertical-spacing -s15 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                <div class="araxxe-icon-flagged--icon">
                  <span class="araxxe-icon araxxe-glyph-laptop-gear-up -s58"></span>
                </div>
                <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-olo">OLO</span>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -w70">
          <div class="araxxe-vertical-spacing -s0 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <span class="araxxe-icon araxxe-glyph-mail-bubble -color-main-light -s48"></span>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-connector"></div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -expand">
          <div class="araxxe-vertical-spacing -s15 -align-center">
            <div class="araxxe-vertical-spacing--line">
              <div class="araxxe-icon-flagged" style="margin: 4px 24px 0 0">
                <div class="araxxe-icon-flagged--icon">
                  <span class="araxxe-icon araxxe-glyph-smartphone-mail -s58"></span>
                </div>
                <div class="araxxe-icon-flagged--flag"><span class="araxxe-flag -a2psms-o">O</span>
                </div>
              </div>
            </div>
            <div class="araxxe-vertical-spacing--line">
              <h3 class="araxxe-title-card">Title card
              </h3>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-recipient-card
  .araxxe-tile.-horizontal
    .araxxe-tile--slot.-g1
      .araxxe-recipient-card--content
        .araxxe-vertical-spacing.-s20
          .araxxe-vertical-spacing--line
            p.araxxe-description SOO
          .araxxe-vertical-spacing--line
            .araxxe-vertical-spacing.-s5.-align-center
              .araxxe-vertical-spacing--line
                .araxxe-title-info Title info
              .araxxe-vertical-spacing--line
                .araxxe-horizontal-spacing.-s10.-middle.-center
                  .araxxe-horizontal-spacing--column
                    .araxxe-rate-chart.-s48
                      .araxxe-rate-chart--background
                        .araxxe-rate-chart--progress.-p10
                          .araxxe-rate-chart--hs
                          .araxxe-rate-chart--he
                      .araxxe-rate-chart--hole
                  .araxxe-horizontal-spacing--column
                    span.araxxe-number.-color-main.-ts48 10
                      span.araxxe-number--half %
              .araxxe-vertical-spacing--line.-align-right
                button.araxxe-icon.araxxe-glyph-info.-color-shade-75.-hover-color-shade-85.-s24.-clickable
    .araxxe-tile--slot.-clickable.-g3
      .araxxe-tile.-vertical
        .araxxe-tile--slot.-expand
          .araxxe-recipient-card--header
            .araxxe-from-to
              .araxxe-from-to--from
                span.araxxe-flag.-a2psms-olo O
              .araxxe-from-to--icon.araxxe-glyph-arrow-right-line
              .araxxe-from-to--to.-a2psms-o
                span.araxxe-flag.-a2psms-o.-inverted O
          .araxxe-recipient-card--content
            .araxxe-horizontal-separe.-equivalent
              .araxxe-horizontal-separe--column
                .araxxe-vertical-spacing.-s0.-align-center
                  .araxxe-vertical-spacing--line
                    .araxxe-title-info From
                  .araxxe-vertical-spacing--line
                    h3.araxxe-title-card Title card
              .araxxe-horizontal-separe--separator
              .araxxe-horizontal-separe--column
                .araxxe-vertical-spacing.-s0.-align-center
                  .araxxe-vertical-spacing--line
                    .araxxe-title-info To
                  .araxxe-vertical-spacing--line
                    h3.araxxe-title-card Title card
        .araxxe-tile--slot
          .araxxe-recipient-card--content
            .araxxe-horizontal-spacing
              .araxxe-horizontal-spacing--column.-g1
                .araxxe-horizontal-spacing.-s10.-bottom
                  .araxxe-horizontal-spacing--column
                    p.araxxe-description 1500
                  .araxxe-horizontal-spacing--column
                    span.araxxe-unit Unit
              .araxxe-horizontal-spacing--column.-g1
                .araxxe-horizontal-spacing.-s10.-bottom
                  .araxxe-horizontal-spacing--column
                    p.araxxe-description 1500
                  .araxxe-horizontal-spacing--column
                    span.araxxe-unit Unit
              .araxxe-horizontal-spacing--column.-g2.-align-right
                .araxxe-subtitle-card From 12 december 2020 to 30 february 2021
.araxxe-recipient-card
  .araxxe-tile.-horizontal
    .araxxe-tile--slot.-g1
      .araxxe-tile.-vertical
        .araxxe-tile--slot.-expand.-flat
          .araxxe-recipient-card--content
            .araxxe-vertical-spacing.-s20
              .araxxe-vertical-spacing--line
                .araxxe-horizontal-spacing
                  .araxxe-horizontal-spacing--column.-expand
                    p.araxxe-description MOO
                  .araxxe-horizontal-spacing--column
                    button.araxxe-icon.araxxe-glyph-info.-color-shade-75.-hover-color-shade-85.-s16.-clickable
              .araxxe-vertical-spacing--line
                .araxxe-vertical-spacing.-s5.-align-center
                  .araxxe-vertical-spacing--line
                    .araxxe-title-info Title info
                  .araxxe-vertical-spacing--line
                    .araxxe-horizontal-spacing.-s10.-middle.-center
                      .araxxe-horizontal-spacing--column
                        .araxxe-rate-chart.-s48.-fill-service-simbox
                          .araxxe-rate-chart--background
                            .araxxe-rate-chart--progress.-p10
                              .araxxe-rate-chart--hs
                              .araxxe-rate-chart--he
                          .araxxe-rate-chart--hole
                      .araxxe-horizontal-spacing--column
                        span.araxxe-number.-color-service-simbox.-ts48 10
                          span.araxxe-number--half %
        .araxxe-tile--slot.-secondary
          .araxxe-recipient-card--content
            .araxxe-horizontal-spacing.-s5.-center.-bottom
              .araxxe-horizontal-spacing--column
                span.araxxe-number.-color-service-simbox.-ts18 47%
              .araxxe-horizontal-spacing--column
                .araxxe-subtitle-card of Bypass events
    .araxxe-tile--slot.-clickable.-g3
      .araxxe-tile.-vertical
        .araxxe-tile--slot.-expand.-flat
          .araxxe-recipient-card--content
            .araxxe-recipient-card--content--arrow.araxxe-glyph-arrow-right-line
            .araxxe-horizontal-separe.-equivalent
              .araxxe-horizontal-separe--column
                .araxxe-vertical-spacing.-s15.-align-center
                  .araxxe-vertical-spacing--line
                    .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                      .araxxe-icon-flagged--icon
                        span.araxxe-icon.araxxe-glyph-simcard-national.-s58
                      .araxxe-icon-flagged--flag
                        span.araxxe-flag.-simbox-olo OLO
                  .araxxe-vertical-spacing--line
                    h3.araxxe-title-card Title card
              .araxxe-horizontal-separe--separator
              .araxxe-horizontal-separe--column
                .araxxe-vertical-spacing.-s15.-align-center
                  .araxxe-vertical-spacing--line
                    .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                      .araxxe-icon-flagged--icon
                        span.araxxe-icon.araxxe-glyph-mobile.-s58
                      .araxxe-icon-flagged--flag
                        span.araxxe-flag.-simbox-o O
                  .araxxe-vertical-spacing--line
                    h3.araxxe-title-card Title card
        .araxxe-tile--slot.-secondary
          .araxxe-recipient-card--content
            .araxxe-horizontal-spacing.-s20
              .araxxe-horizontal-spacing--column
                .araxxe-horizontal-spacing.-s10.-bottom
                  .araxxe-horizontal-spacing--column
                    p.araxxe-description 1500
                  .araxxe-horizontal-spacing--column
                    span.araxxe-unit Unit
              .araxxe-horizontal-spacing--column
                .araxxe-horizontal-spacing.-s10.-bottom
                  .araxxe-horizontal-spacing--column
                    p.araxxe-description 1500
                  .araxxe-horizontal-spacing--column
                    span.araxxe-unit Unit
div(style="background-color:#f8f7f5;padding:10px")
  .araxxe-recipient-card.-flat
    .araxxe-recipient-card--header
      .araxxe-from-to
        .araxxe-from-to--from
          span.araxxe-text-info From
        .araxxe-from-to--icon.araxxe-glyph-arrow-right-line
        .araxxe-from-to--to.-a2psms-oio
          span.araxxe-text-info To
    .araxxe-recipient-card--content
      .araxxe-horizontal-spacing.-s20.-middle
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-vertical-spacing.-s15.-align-center
            .araxxe-vertical-spacing--line
              .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                .araxxe-icon-flagged--icon
                  span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
                .araxxe-icon-flagged--flag
                  span.araxxe-flag.-a2psms-olo OLO
            .araxxe-vertical-spacing--line
              h3.araxxe-title-card Title card
        .araxxe-horizontal-spacing--column.-w70
          .araxxe-vertical-spacing.-s0.-align-center
            .araxxe-vertical-spacing--line
              span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s48
            .araxxe-vertical-spacing--line
              .araxxe-connector
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-vertical-spacing.-s15.-align-center
            .araxxe-vertical-spacing--line
              .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                .araxxe-icon-flagged--icon
                  span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
                .araxxe-icon-flagged--flag
                  span.araxxe-flag.-a2psms-o O
            .araxxe-vertical-spacing--line
              h3.araxxe-title-card Title card
div(style="background-color:#f8f7f5;padding:10px")
  .araxxe-recipient-card.-faded
    .araxxe-recipient-card--header
      .araxxe-from-to
        .araxxe-from-to--from
          span.araxxe-text-info From
        .araxxe-from-to--icon.araxxe-glyph-arrow-right-line
        .araxxe-from-to--to.-a2psms-oio
          span.araxxe-text-info To
    .araxxe-recipient-card--content
      .araxxe-horizontal-spacing.-s20.-middle
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-vertical-spacing.-s15.-align-center
            .araxxe-vertical-spacing--line
              .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                .araxxe-icon-flagged--icon
                  span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
                .araxxe-icon-flagged--flag
                  span.araxxe-flag.-a2psms-olo OLO
            .araxxe-vertical-spacing--line
              h3.araxxe-title-card Title card
        .araxxe-horizontal-spacing--column.-w70
          .araxxe-vertical-spacing.-s0.-align-center
            .araxxe-vertical-spacing--line
              span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s48
            .araxxe-vertical-spacing--line
              .araxxe-connector
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-vertical-spacing.-s15.-align-center
            .araxxe-vertical-spacing--line
              .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                .araxxe-icon-flagged--icon
                  span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
                .araxxe-icon-flagged--flag
                  span.araxxe-flag.-a2psms-o O
            .araxxe-vertical-spacing--line
              h3.araxxe-title-card Title card
div(style="background-color:#f8f7f5;padding:10px")
  .araxxe-recipient-card.-secondary
    .araxxe-recipient-card--header
      .araxxe-from-to
        .araxxe-from-to--from
          span.araxxe-text-info From
        .araxxe-from-to--icon.araxxe-glyph-arrow-right-line
        .araxxe-from-to--to.-a2psms-oio
          span.araxxe-text-info To
    .araxxe-recipient-card--content
      .araxxe-horizontal-spacing.-s20.-middle
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-vertical-spacing.-s15.-align-center
            .araxxe-vertical-spacing--line
              .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                .araxxe-icon-flagged--icon
                  span.araxxe-icon.araxxe-glyph-laptop-gear-up.-s58
                .araxxe-icon-flagged--flag
                  span.araxxe-flag.-a2psms-olo OLO
            .araxxe-vertical-spacing--line
              h3.araxxe-title-card Title card
        .araxxe-horizontal-spacing--column.-w70
          .araxxe-vertical-spacing.-s0.-align-center
            .araxxe-vertical-spacing--line
              span.araxxe-icon.araxxe-glyph-mail-bubble.-color-main-light.-s48
            .araxxe-vertical-spacing--line
              .araxxe-connector
        .araxxe-horizontal-spacing--column.-expand
          .araxxe-vertical-spacing.-s15.-align-center
            .araxxe-vertical-spacing--line
              .araxxe-icon-flagged(style="margin: 4px 24px 0 0")
                .araxxe-icon-flagged--icon
                  span.araxxe-icon.araxxe-glyph-smartphone-mail.-s58
                .araxxe-icon-flagged--flag
                  span.araxxe-flag.-a2psms-o O
            .araxxe-vertical-spacing--line
              h3.araxxe-title-card Title card

Sheet

<div class="araxxe-sheet">
  <div class="araxxe-sheet--header">
    <div class="araxxe-sheet-line   ">
      <div class="araxxe-sheet-line--slot -g3"></div>
      <div class="araxxe-sheet-line--slot -g2">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet-line--slot -g2">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet-line--slot -g2">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet-line--slot -g2">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-sheet--toggle">
    <div class="araxxe-sheet--summary">
      <div class="araxxe-sheet-line -faded  ">
        <div class="araxxe-sheet-line--slot -g3">
          <div class="araxxe-label-legend -toggle -align-left">
            <div class="araxxe-label-legend--label">Text</div>
            <div class="araxxe-label-legend--legend">
              <div class="araxxe-horizontal-spacing -s10 -middle">
                <div class="araxxe-horizontal-spacing--column">Toggle this line</div>
                <div class="araxxe-horizontal-spacing--column">
                  <span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
            </div>
            <div class="araxxe-label-legend--legend">Label legend
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
            </div>
            <div class="araxxe-label-legend--legend">Label legend
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242</div>
            <div class="araxxe-label-legend--legend">Label legend
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242</div>
            <div class="araxxe-label-legend--legend">Longer label legend text
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-sheet--details -hidden">
      <div class="araxxe-sheet--line">
        <div class="araxxe-sheet-line   ">
          <div class="araxxe-sheet-line--slot -g3">
            <div class="araxxe-label-legend -secondary -align-left">
              <div class="araxxe-label-legend--label">Text</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Longer label legend text
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet--line">
        <div class="araxxe-sheet-line   ">
          <div class="araxxe-sheet-line--slot -g3">
            <div class="araxxe-label-legend -secondary -align-left">
              <div class="araxxe-label-legend--label">Text</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Longer label legend text
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet--line">
        <div class="araxxe-sheet-line   ">
          <div class="araxxe-sheet-line--slot -g3">
            <div class="araxxe-label-legend -secondary -align-left">
              <div class="araxxe-label-legend--label">Text</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Longer label legend text
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-sheet--toggle">
    <div class="araxxe-sheet--summary">
      <div class="araxxe-sheet-line -faded  ">
        <div class="araxxe-sheet-line--slot -g3">
          <div class="araxxe-label-legend -toggle -align-left">
            <div class="araxxe-label-legend--label">Text</div>
            <div class="araxxe-label-legend--legend">
              <div class="araxxe-horizontal-spacing -s10 -middle">
                <div class="araxxe-horizontal-spacing--column">Toggle this line</div>
                <div class="araxxe-horizontal-spacing--column">
                  <span class="araxxe-icon araxxe-glyph-arrow-down -s24"></span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
            </div>
            <div class="araxxe-label-legend--legend">Label legend
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242 <span class="araxxe-unit">unit</span>
            </div>
            <div class="araxxe-label-legend--legend">Label legend
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242</div>
            <div class="araxxe-label-legend--legend">Label legend
            </div>
          </div>
        </div>
        <div class="araxxe-sheet-line--slot -g2">
          <div class="araxxe-label-legend -primary">
            <div class="araxxe-label-legend--label">4242</div>
            <div class="araxxe-label-legend--legend">Longer label legend text
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="araxxe-sheet--details">
      <div class="araxxe-sheet--line">
        <div class="araxxe-sheet-line   ">
          <div class="araxxe-sheet-line--slot -g3">
            <div class="araxxe-label-legend -secondary -align-left">
              <div class="araxxe-label-legend--label">Text</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Longer label legend text
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet--line">
        <div class="araxxe-sheet-line   ">
          <div class="araxxe-sheet-line--slot -g3">
            <div class="araxxe-label-legend -secondary -align-left">
              <div class="araxxe-label-legend--label">Text</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Longer label legend text
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet--line">
        <div class="araxxe-sheet-line   ">
          <div class="araxxe-sheet-line--slot -g3">
            <div class="araxxe-label-legend -secondary -align-left">
              <div class="araxxe-label-legend--label">Text</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242 <span class="araxxe-text -uppercase">unit</span>
              </div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Label legend
              </div>
            </div>
          </div>
          <div class="araxxe-sheet-line--slot -g2">
            <div class="araxxe-label-legend -secondary">
              <div class="araxxe-label-legend--label">4242</div>
              <div class="araxxe-label-legend--legend">Longer label legend text
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-sheet">
  <div class="araxxe-sheet--header">
    <div class="araxxe-sheet-line  -no-space-left ">
      <div class="araxxe-sheet-line--slot -g1">
        <h2 class="araxxe-title-medium">Title medium</h2>
      </div>
      <div class="araxxe-sheet-line--slot -w150">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet-line--slot -w150">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
      <div class="araxxe-sheet-line--slot -w150">
        <div class="araxxe-sheet-head">
          <div class="araxxe-sheet-head--icon">
            <span class="araxxe-icon araxxe-glyph-data -color-main -s24"></span>
          </div>
          <div class="araxxe-sheet-head--unit"><span class="araxxe-unit">Unit</span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-sheet--pie-chart">
    <div class="araxxe-card -faded">
      <div class="araxxe-horizontal-spacing -s30 -top -center">
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-pie-chart">
            <div class="araxxe-pie-chart--content">
              <div class="araxxe-pie-chart--number">42</div>
              <div class="araxxe-pie-chart--unit"><span class="araxxe-unit">Unit</span>
              </div>
            </div>
            <div class="araxxe-pie-chart--piece -fill-graph-1 -o0 -p35">
              <div class="araxxe-pie-chart--hs"></div>
              <div class="araxxe-pie-chart--he"></div>
            </div>
            <div class="araxxe-pie-chart--piece -fill-graph-2 -o35 -p30">
              <div class="araxxe-pie-chart--hs"></div>
              <div class="araxxe-pie-chart--he"></div>
            </div>
            <div class="araxxe-pie-chart--piece -fill-graph-3 -o65 -p20">
              <div class="araxxe-pie-chart--hs"></div>
              <div class="araxxe-pie-chart--he"></div>
            </div>
            <div class="araxxe-pie-chart--piece -fill-graph-4 -o85 -p10">
              <div class="araxxe-pie-chart--hs"></div>
              <div class="araxxe-pie-chart--he"></div>
            </div>
            <div class="araxxe-pie-chart--piece -fill-graph-5 -o95 -p5">
              <div class="araxxe-pie-chart--hs"></div>
              <div class="araxxe-pie-chart--he"></div>
            </div>
          </div>
        </div>
        <div class="araxxe-horizontal-spacing--column -expand">
          <table class="araxxe-table-simple -underlined">
            <tbody class="araxxe-table-simple--tbody">
              <tr class="araxxe-table-simple--line -align-middle">
                <td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-1"></span>
                </td>
                <td class="araxxe-table-simple--cell">
                  <p class="araxxe-description">Label 1
                  </p>
                </td>
                <td class="araxxe-table-simple--cell -w150">
                  <div class="araxxe-vertical-spacing--line">
                    <p class="araxxe-description">Abc
                    </p>
                  </div>
                  <div class="araxxe-vertical-spacing--line">Unit</div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">203
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">1234
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">42
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
              </tr>
              <tr class="araxxe-table-simple--line -align-middle">
                <td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-2"></span>
                </td>
                <td class="araxxe-table-simple--cell">
                  <p class="araxxe-description">Label 2
                  </p>
                </td>
                <td class="araxxe-table-simple--cell -w150">
                  <div class="araxxe-vertical-spacing--line">
                    <p class="araxxe-description">Abc
                    </p>
                  </div>
                  <div class="araxxe-vertical-spacing--line">Unit</div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">203
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">1234
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">42
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
              </tr>
              <tr class="araxxe-table-simple--line -align-middle">
                <td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-3"></span>
                </td>
                <td class="araxxe-table-simple--cell">
                  <p class="araxxe-description">Label 3
                  </p>
                </td>
                <td class="araxxe-table-simple--cell -w150">
                  <div class="araxxe-vertical-spacing--line">
                    <p class="araxxe-description">Abc
                    </p>
                  </div>
                  <div class="araxxe-vertical-spacing--line">Unit</div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">203
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">1234
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">42
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
              </tr>
              <tr class="araxxe-table-simple--line -align-middle">
                <td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-4"></span>
                </td>
                <td class="araxxe-table-simple--cell">
                  <p class="araxxe-description">Label 4
                  </p>
                </td>
                <td class="araxxe-table-simple--cell -w150">
                  <div class="araxxe-vertical-spacing--line">
                    <p class="araxxe-description">Abc
                    </p>
                  </div>
                  <div class="araxxe-vertical-spacing--line">Unit</div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">203
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">1234
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">42
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
              </tr>
              <tr class="araxxe-table-simple--line -align-middle">
                <td class="araxxe-table-simple--cell -w34"><span class="araxxe-spot -s18 -fill-graph-5"></span>
                </td>
                <td class="araxxe-table-simple--cell">
                  <p class="araxxe-description">Label 5
                  </p>
                </td>
                <td class="araxxe-table-simple--cell -w150">
                  <div class="araxxe-vertical-spacing--line">
                    <p class="araxxe-description">Abc
                    </p>
                  </div>
                  <div class="araxxe-vertical-spacing--line">Unit</div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">203
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">1234
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
                <td class="araxxe-table-simple--cell -w150 -align-center">
                  <div class="araxxe-vertical-spacing -s0">
                    <div class="araxxe-vertical-spacing--line">
                      <p class="araxxe-description">42
                      </p>
                    </div>
                    <div class="araxxe-vertical-spacing--line">Unit</div>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-sheet
  .araxxe-sheet--header
    .araxxe-sheet-line
      .araxxe-sheet-line--slot.-g3
      .araxxe-sheet-line--slot.-g2
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
      .araxxe-sheet-line--slot.-g2
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
      .araxxe-sheet-line--slot.-g2
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
      .araxxe-sheet-line--slot.-g2
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
  .araxxe-sheet--toggle
    .araxxe-sheet--summary
      .araxxe-sheet-line.-faded
        .araxxe-sheet-line--slot.-g3
          .araxxe-label-legend.-toggle.-align-left
            .araxxe-label-legend--label Text
            .araxxe-label-legend--legend
              .araxxe-horizontal-spacing.-s10.-middle
                .araxxe-horizontal-spacing--column Toggle this line
                .araxxe-horizontal-spacing--column
                  span.araxxe-icon.araxxe-glyph-arrow-down.-s24
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
              span.araxxe-unit unit
            .araxxe-label-legend--legend Label legend
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
              span.araxxe-unit unit
            .araxxe-label-legend--legend Label legend
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
            .araxxe-label-legend--legend Label legend
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
            .araxxe-label-legend--legend Longer label legend text
    .araxxe-sheet--details.-hidden
      .araxxe-sheet--line
        .araxxe-sheet-line
          .araxxe-sheet-line--slot.-g3
            .araxxe-label-legend.-secondary.-align-left
              .araxxe-label-legend--label Text
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Longer label legend text
      .araxxe-sheet--line
        .araxxe-sheet-line
          .araxxe-sheet-line--slot.-g3
            .araxxe-label-legend.-secondary.-align-left
              .araxxe-label-legend--label Text
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Longer label legend text
      .araxxe-sheet--line
        .araxxe-sheet-line
          .araxxe-sheet-line--slot.-g3
            .araxxe-label-legend.-secondary.-align-left
              .araxxe-label-legend--label Text
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Longer label legend text
  .araxxe-sheet--toggle
    .araxxe-sheet--summary
      .araxxe-sheet-line.-faded
        .araxxe-sheet-line--slot.-g3
          .araxxe-label-legend.-toggle.-align-left
            .araxxe-label-legend--label Text
            .araxxe-label-legend--legend
              .araxxe-horizontal-spacing.-s10.-middle
                .araxxe-horizontal-spacing--column Toggle this line
                .araxxe-horizontal-spacing--column
                  span.araxxe-icon.araxxe-glyph-arrow-down.-s24
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
              span.araxxe-unit unit
            .araxxe-label-legend--legend Label legend
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
              span.araxxe-unit unit
            .araxxe-label-legend--legend Label legend
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
            .araxxe-label-legend--legend Label legend
        .araxxe-sheet-line--slot.-g2
          .araxxe-label-legend.-primary
            .araxxe-label-legend--label 4242
            .araxxe-label-legend--legend Longer label legend text
    .araxxe-sheet--details
      .araxxe-sheet--line
        .araxxe-sheet-line
          .araxxe-sheet-line--slot.-g3
            .araxxe-label-legend.-secondary.-align-left
              .araxxe-label-legend--label Text
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Longer label legend text
      .araxxe-sheet--line
        .araxxe-sheet-line
          .araxxe-sheet-line--slot.-g3
            .araxxe-label-legend.-secondary.-align-left
              .araxxe-label-legend--label Text
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Longer label legend text
      .araxxe-sheet--line
        .araxxe-sheet-line
          .araxxe-sheet-line--slot.-g3
            .araxxe-label-legend.-secondary.-align-left
              .araxxe-label-legend--label Text
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
                span.araxxe-text.-uppercase unit
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Label legend
          .araxxe-sheet-line--slot.-g2
            .araxxe-label-legend.-secondary
              .araxxe-label-legend--label 4242
              .araxxe-label-legend--legend Longer label legend text
.araxxe-sheet
  .araxxe-sheet--header
    .araxxe-sheet-line.-no-space-left
      .araxxe-sheet-line--slot.-g1
        h2.araxxe-title-medium Title medium
      .araxxe-sheet-line--slot.-w150
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
      .araxxe-sheet-line--slot.-w150
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
      .araxxe-sheet-line--slot.-w150
        .araxxe-sheet-head
          .araxxe-sheet-head--icon
            span.araxxe-icon.araxxe-glyph-data.-color-main.-s24
          .araxxe-sheet-head--unit
            span.araxxe-unit Unit
  .araxxe-sheet--pie-chart
    .araxxe-card.-faded
      .araxxe-horizontal-spacing.-s30.-top.-center
        .araxxe-horizontal-spacing--column
          .araxxe-pie-chart
            .araxxe-pie-chart--content
              .araxxe-pie-chart--number 42
              .araxxe-pie-chart--unit
                span.araxxe-unit Unit
            .araxxe-pie-chart--piece.-fill-graph-1.-o0.-p35
              .araxxe-pie-chart--hs
              .araxxe-pie-chart--he
            .araxxe-pie-chart--piece.-fill-graph-2.-o35.-p30
              .araxxe-pie-chart--hs
              .araxxe-pie-chart--he
            .araxxe-pie-chart--piece.-fill-graph-3.-o65.-p20
              .araxxe-pie-chart--hs
              .araxxe-pie-chart--he
            .araxxe-pie-chart--piece.-fill-graph-4.-o85.-p10
              .araxxe-pie-chart--hs
              .araxxe-pie-chart--he
            .araxxe-pie-chart--piece.-fill-graph-5.-o95.-p5
              .araxxe-pie-chart--hs
              .araxxe-pie-chart--he
        .araxxe-horizontal-spacing--column.-expand
          table.araxxe-table-simple.-underlined
            tbody.araxxe-table-simple--tbody
              tr.araxxe-table-simple--line.-align-middle
                td.araxxe-table-simple--cell.-w34
                  span.araxxe-spot.-s18.-fill-graph-1
                td.araxxe-table-simple--cell
                  p.araxxe-description Label 1
                td.araxxe-table-simple--cell.-w150
                  .araxxe-vertical-spacing--line
                    p.araxxe-description Abc
                  .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 203
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 1234
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 42
                    .araxxe-vertical-spacing--line Unit
              tr.araxxe-table-simple--line.-align-middle
                td.araxxe-table-simple--cell.-w34
                  span.araxxe-spot.-s18.-fill-graph-2
                td.araxxe-table-simple--cell
                  p.araxxe-description Label 2
                td.araxxe-table-simple--cell.-w150
                  .araxxe-vertical-spacing--line
                    p.araxxe-description Abc
                  .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 203
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 1234
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 42
                    .araxxe-vertical-spacing--line Unit
              tr.araxxe-table-simple--line.-align-middle
                td.araxxe-table-simple--cell.-w34
                  span.araxxe-spot.-s18.-fill-graph-3
                td.araxxe-table-simple--cell
                  p.araxxe-description Label 3
                td.araxxe-table-simple--cell.-w150
                  .araxxe-vertical-spacing--line
                    p.araxxe-description Abc
                  .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 203
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 1234
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 42
                    .araxxe-vertical-spacing--line Unit
              tr.araxxe-table-simple--line.-align-middle
                td.araxxe-table-simple--cell.-w34
                  span.araxxe-spot.-s18.-fill-graph-4
                td.araxxe-table-simple--cell
                  p.araxxe-description Label 4
                td.araxxe-table-simple--cell.-w150
                  .araxxe-vertical-spacing--line
                    p.araxxe-description Abc
                  .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 203
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 1234
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 42
                    .araxxe-vertical-spacing--line Unit
              tr.araxxe-table-simple--line.-align-middle
                td.araxxe-table-simple--cell.-w34
                  span.araxxe-spot.-s18.-fill-graph-5
                td.araxxe-table-simple--cell
                  p.araxxe-description Label 5
                td.araxxe-table-simple--cell.-w150
                  .araxxe-vertical-spacing--line
                    p.araxxe-description Abc
                  .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 203
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 1234
                    .araxxe-vertical-spacing--line Unit
                td.araxxe-table-simple--cell.-w150.-align-center
                  .araxxe-vertical-spacing.-s0
                    .araxxe-vertical-spacing--line
                      p.araxxe-description 42
                    .araxxe-vertical-spacing--line Unit

<div class="araxxe-sidebar">
  <div class="araxxe-sidebar--header">
    <div class="araxxe-header">
      <div class="araxxe-header--slot -center -expand">
        <h2 class="araxxe-title-header  ">Operator
        </h2>
      </div>
      <div class="araxxe-header--separator"></div>
      <button class="araxxe-header--slot -square -clickable -active ion--horizontal-reverse">
        <span class="araxxe-icon araxxe-glyph-burger -s24"></span>
      </button>
    </div>
  </div>
  <div class="araxxe-sidebar--content">
    <div class="araxxe-vertical-spacing -s20">
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s10">
          <div class="araxxe-vertical-spacing--line">
            <div class="araxxe-title-info">Title info
            </div>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button-sidebar">Button sidebar</button>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button-sidebar">Button sidebar</button>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button-sidebar">Button sidebar</button>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button-sidebar">Button sidebar</button>
          </div>
        </div>
      </div>
      <div class="araxxe-vertical-spacing--line">
        <div class="araxxe-vertical-spacing -s10">
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button -block">Button
            </button>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button -ghost -block">Button
            </button>
          </div>
          <div class="araxxe-vertical-spacing--line">
            <button class="araxxe-button -ghost -block">Button
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-sidebar
  .araxxe-sidebar--header
    .araxxe-header
      .araxxe-header--slot.-center.-expand
        h2.araxxe-title-header Operator
      .araxxe-header--separator
      button.araxxe-header--slot.-square.-clickable.-active.ion--horizontal-reverse
        span.araxxe-icon.araxxe-glyph-burger.-s24
  .araxxe-sidebar--content
    .araxxe-vertical-spacing.-s20
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s10
          .araxxe-vertical-spacing--line
            .araxxe-title-info Title info
          .araxxe-vertical-spacing--line
            button.araxxe-button-sidebar Button sidebar
          .araxxe-vertical-spacing--line
            button.araxxe-button-sidebar Button sidebar
          .araxxe-vertical-spacing--line
            button.araxxe-button-sidebar Button sidebar
          .araxxe-vertical-spacing--line
            button.araxxe-button-sidebar Button sidebar
      .araxxe-vertical-spacing--line
        .araxxe-vertical-spacing.-s10
          .araxxe-vertical-spacing--line
            button.araxxe-button.-block Button
          .araxxe-vertical-spacing--line
            button.araxxe-button.-ghost.-block Button
          .araxxe-vertical-spacing--line
            button.araxxe-button.-ghost.-block Button

Table layout

<div class="araxxe-table-layout">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-auto-scroll -h-window-necessary">
        <table class="araxxe-table-striped">
          <thead class="araxxe-table-striped--thead -sticky -fill-shade-95">
            <tr class="araxxe-table-striped--thead--line">
              <th class="araxxe-table-striped--indicator"></th>
              <th class="araxxe-table-striped--thead--cell -w34">
                <button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
              </th>
              <th class="araxxe-table-striped--thead--cell -w130">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column on <br/> multiple lines
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 1
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 2
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 3
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 4
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell -w34">
                <button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
              </th>
            </tr>
          </thead>
          <tbody class="araxxe-table-striped--tbody">
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--open">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 8 Column 1 on a long line to be displayed as ellipsis">Line 8 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 8 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-main -s34 -clickable -vertical-mirror"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line">
              <td class="araxxe-table-striped--tbody--cell-details" colspan="8">
                <div class="araxxe-container -s15">
                  <table class="araxxe-table-simple">
                    <tbody class="araxxe-table-simple--tbody">
                      <tr class="araxxe-table-simple--line">
                        <th class="araxxe-table-simple--cell -w140">
                          <div class="araxxe-title-info -ellipsis" title="Key 1">Key 1
                          </div>
                        </th>
                        <td class="araxxe-table-simple--cell">Value 1</td>
                      </tr>
                      <tr class="araxxe-table-simple--line">
                        <th class="araxxe-table-simple--cell -w140">
                          <div class="araxxe-title-info -ellipsis" title="Key 2">Key 2
                          </div>
                        </th>
                        <td class="araxxe-table-simple--cell">Value 2</td>
                      </tr>
                      <tr class="araxxe-table-simple--line">
                        <th class="araxxe-table-simple--cell -w140">
                          <div class="araxxe-title-info -ellipsis" title="A very long key for 3">A very long key for 3
                          </div>
                        </th>
                        <td class="araxxe-table-simple--cell">Value 3</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 9 Column 1 on a long line to be displayed as ellipsis">Line 9 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 9 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 10 Column 1 on a long line to be displayed as ellipsis">Line 10 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 10 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 11 Column 1 on a long line to be displayed as ellipsis">Line 11 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 11 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 12 Column 1 on a long line to be displayed as ellipsis">Line 12 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 12 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 13 Column 1 on a long line to be displayed as ellipsis">Line 13 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 13 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 14 Column 1 on a long line to be displayed as ellipsis">Line 14 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 14 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 15 Column 1 on a long line to be displayed as ellipsis">Line 15 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 15 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 16 Column 1 on a long line to be displayed as ellipsis">Line 16 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 16 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 17 Column 1 on a long line to be displayed as ellipsis">Line 17 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 17 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 18 Column 1 on a long line to be displayed as ellipsis">Line 18 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 18 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 19 Column 1 on a long line to be displayed as ellipsis">Line 19 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 19 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 20 Column 1 on a long line to be displayed as ellipsis">Line 20 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 20 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 21 Column 1 on a long line to be displayed as ellipsis">Line 21 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 21 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 22 Column 1 on a long line to be displayed as ellipsis">Line 22 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 22 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 23 Column 1 on a long line to be displayed as ellipsis">Line 23 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 23 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 24 Column 1 on a long line to be displayed as ellipsis">Line 24 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 24 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 25 Column 1 on a long line to be displayed as ellipsis">Line 25 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 25 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 26 Column 1 on a long line to be displayed as ellipsis">Line 26 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 26 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 27 Column 1 on a long line to be displayed as ellipsis">Line 27 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 27 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 28 Column 1 on a long line to be displayed as ellipsis">Line 28 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 28 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 29 Column 1 on a long line to be displayed as ellipsis">Line 29 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 29 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 30 Column 1 on a long line to be displayed as ellipsis">Line 30 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 30 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-spacing -s10 -center">
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost">1
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost -focus">2
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost">3
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost">4
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-table-layout -light">
  <div class="araxxe-vertical-spacing -s20">
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-auto-scroll -h-window-necessary">
        <table class="araxxe-table-striped">
          <thead class="araxxe-table-striped--thead -sticky -fill-shade-95">
            <tr class="araxxe-table-striped--thead--line">
              <th class="araxxe-table-striped--indicator"></th>
              <th class="araxxe-table-striped--thead--cell -w34">
                <button class="araxxe-icon araxxe-glyph-sm-checkbox -color-shade-50-faded -s34 -clickable"></button>
              </th>
              <th class="araxxe-table-striped--thead--cell -w130">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column on <br/> multiple lines
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50 -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 1
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 2
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 3
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell">
                <div class="araxxe-column-sorting">
                  <div class="araxxe-column-sorting--text">
                    <div class="araxxe-title-info">Column 4
                    </div>
                  </div>
                  <div class="araxxe-column-sorting--sort">
                    <button class="araxxe-icon araxxe-glyph-sort -color-shade-50-faded -s34 -clickable"></button>
                  </div>
                </div>
              </th>
              <th class="araxxe-table-striped--thead--cell -w34">
                <button class="araxxe-icon araxxe-glyph-sm-parameters -color-shade-50-faded -s34 -clickable"></button>
              </th>
            </tr>
          </thead>
          <tbody class="araxxe-table-striped--tbody">
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -faded -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 1 Column 1 on a long line to be displayed as ellipsis">Line 1 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 1 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -success" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--open">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 2 Column 1 on a long line to be displayed as ellipsis">Line 2 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 2 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-danger">4,200</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -featured -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -danger" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 3 Column 1 on a long line to be displayed as ellipsis">Line 3 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 3 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-success">4,200</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -bold -color-shade-0">1,234</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 4 Column 1 on a long line to be displayed as ellipsis">Line 4 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 4 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 5 Column 1 on a long line to be displayed as ellipsis">Line 5 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 5 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 6 Column 1 on a long line to be displayed as ellipsis">Line 6 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 6 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 7 Column 1 on a long line to be displayed as ellipsis">Line 7 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 7 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 8 Column 1 on a long line to be displayed as ellipsis">Line 8 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 8 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-main -s34 -clickable -vertical-mirror"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line">
              <td class="araxxe-table-striped--tbody--cell-details" colspan="8">
                <div class="araxxe-container -s15">
                  <table class="araxxe-table-simple">
                    <tbody class="araxxe-table-simple--tbody">
                      <tr class="araxxe-table-simple--line">
                        <th class="araxxe-table-simple--cell -w140">
                          <div class="araxxe-title-info -ellipsis" title="Key 1">Key 1
                          </div>
                        </th>
                        <td class="araxxe-table-simple--cell">Value 1</td>
                      </tr>
                      <tr class="araxxe-table-simple--line">
                        <th class="araxxe-table-simple--cell -w140">
                          <div class="araxxe-title-info -ellipsis" title="Key 2">Key 2
                          </div>
                        </th>
                        <td class="araxxe-table-simple--cell">Value 2</td>
                      </tr>
                      <tr class="araxxe-table-simple--line">
                        <th class="araxxe-table-simple--cell -w140">
                          <div class="araxxe-title-info -ellipsis" title="A very long key for 3">A very long key for 3
                          </div>
                        </th>
                        <td class="araxxe-table-simple--cell">Value 3</td>
                      </tr>
                    </tbody>
                  </table>
                </div>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 9 Column 1 on a long line to be displayed as ellipsis">Line 9 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 9 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 10 Column 1 on a long line to be displayed as ellipsis">Line 10 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 10 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 11 Column 1 on a long line to be displayed as ellipsis">Line 11 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 11 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 12 Column 1 on a long line to be displayed as ellipsis">Line 12 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 12 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 13 Column 1 on a long line to be displayed as ellipsis">Line 13 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 13 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 14 Column 1 on a long line to be displayed as ellipsis">Line 14 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 14 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 15 Column 1 on a long line to be displayed as ellipsis">Line 15 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 15 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 16 Column 1 on a long line to be displayed as ellipsis">Line 16 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 16 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 17 Column 1 on a long line to be displayed as ellipsis">Line 17 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 17 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 18 Column 1 on a long line to be displayed as ellipsis">Line 18 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 18 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 19 Column 1 on a long line to be displayed as ellipsis">Line 19 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 19 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 20 Column 1 on a long line to be displayed as ellipsis">Line 20 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 20 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 21 Column 1 on a long line to be displayed as ellipsis">Line 21 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 21 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 22 Column 1 on a long line to be displayed as ellipsis">Line 22 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 22 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 23 Column 1 on a long line to be displayed as ellipsis">Line 23 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 23 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 24 Column 1 on a long line to be displayed as ellipsis">Line 24 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 24 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 25 Column 1 on a long line to be displayed as ellipsis">Line 25 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 25 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 26 Column 1 on a long line to be displayed as ellipsis">Line 26 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 26 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 27 Column 1 on a long line to be displayed as ellipsis">Line 27 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 27 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 28 Column 1 on a long line to be displayed as ellipsis">Line 28 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 28 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -odd">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 29 Column 1 on a long line to be displayed as ellipsis">Line 29 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 29 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
            <tr class="araxxe-table-striped--tbody--line ion--hoverable ion--striped ion--clickable -even">
              <td class="araxxe-table-striped--indicator"><span class="araxxe-indicator -blank" role="status" aria-label="Blank" title="Blank"></span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-more-vertical -color-shade-50-faded -s34 -clickable"></button>
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <div class="araxxe-horizontal-spacing -s5 -middle">
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-notification-double-icon">
                      <div class="araxxe-notification-double-icon--first araxxe-glyph-sms -active"></div>
                      <div class="araxxe-notification-double-icon--last araxxe-glyph-call -active -horizontal-mirror"></div>
                    </div>
                  </div>
                  <div class="araxxe-horizontal-spacing--column">
                    <div class="araxxe-dropdown ion--close">
                      <div class="araxxe-dropdown--button">
                        <button class="araxxe-caret-button"><span class="araxxe-caret-button--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span></span>
                        </button>
                      </div>
                      <div class="araxxe-dropdown--area -w300">
                        <div class="araxxe-contextual-menu">
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry for status</div>
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-switch -off" role="switch" aria-checked="false"><span class="araxxe-switch--button"></span></span>
                              </div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -active"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h34">
                              <div class="araxxe-contextual-entry--slot"><span class="araxxe-spot araxxe-glyph-status-stop -s18 -inactive"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                          <div class="araxxe-contextual-menu--slot">
                            <button class="araxxe-contextual-entry ion--hoverable -h44">
                              <div class="araxxe-contextual-entry--slot">
                                <span class="araxxe-icon araxxe-glyph-radio-off -color-shade-50-faded -s24"></span>
                              </div>
                              <div class="araxxe-contextual-entry--slot -expand">Contextual entry</div>
                            </button>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </td>
              <td class="araxxe-table-striped--tbody--cell"><span class="araxxe-text -ellipsis" title="Line 30 Column 1 on a long line to be displayed as ellipsis">Line 30 Column 1 on a long line to be displayed as ellipsis</span>
              </td>
              <td class="araxxe-table-striped--tbody--cell">Line 30 Column 2
              </td>
              <td class="araxxe-table-striped--tbody--cell">4,200
              </td>
              <td class="araxxe-table-striped--tbody--cell">0,000
              </td>
              <td class="araxxe-table-striped--tbody--cell">
                <button class="araxxe-icon araxxe-glyph-sm-arrow-down -color-shade-50-faded -s34 -clickable"></button>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="araxxe-vertical-spacing--line">
      <div class="araxxe-horizontal-spacing -s10 -center">
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost">1
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost -focus">2
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost">3
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button -ghost">4
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="araxxe-table-layout">
  <table class="araxxe-table-simple -expandable -underlined">
    <thead class="araxxe-table-simple--thead">
      <tr class="araxxe-table-simple--line">
        <th class="araxxe-table-simple--cell" colspan="2">
          <div class="araxxe-horizontal-spacing -s10 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-title-info">Description
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <span class="araxxe-icon araxxe-glyph-info -color-shade-75 -s20" title="Information"></span>
            </div>
          </div>
        </th>
        <th class="araxxe-table-simple--cell">
          <div class="araxxe-title-info">Value
          </div>
        </th>
      </tr>
    </thead>
    <tbody class="araxxe-table-simple--tbody">
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell -expand">Label 1
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell -expand">Label 2
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell -expand">Label 3
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell -expand">Label 4
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell -expand">Label 5
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle">
        <td class="araxxe-table-simple--cell -expand">Label 6
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
    </tbody>
  </table>
</div>
<div class="araxxe-table-layout">
  <table class="araxxe-table-simple -expandable -underlined -padded">
    <thead class="araxxe-table-simple--thead">
      <tr class="araxxe-table-simple--line">
        <th class="araxxe-table-simple--cell" colspan="2">
          <div class="araxxe-horizontal-spacing -s10 -middle">
            <div class="araxxe-horizontal-spacing--column">
              <div class="araxxe-title-info">Description
              </div>
            </div>
            <div class="araxxe-horizontal-spacing--column">
              <span class="araxxe-icon araxxe-glyph-info -color-shade-75 -s20" title="Information"></span>
            </div>
          </div>
        </th>
        <th class="araxxe-table-simple--cell">
          <div class="araxxe-title-info">Value
          </div>
        </th>
      </tr>
    </thead>
    <tbody class="araxxe-table-simple--tbody">
      <tr class="araxxe-table-simple--line -align-middle -clickable">
        <td class="araxxe-table-simple--cell -expand">Label 1
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle -focus-light -clickable">
        <td class="araxxe-table-simple--cell -expand">Label 2
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle -clickable">
        <td class="araxxe-table-simple--cell -expand">Label 3
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle -clickable">
        <td class="araxxe-table-simple--cell -expand">Label 4
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle -clickable">
        <td class="araxxe-table-simple--cell -expand">Label 5
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
      <tr class="araxxe-table-simple--line -align-middle -clickable">
        <td class="araxxe-table-simple--cell -expand">Label 6
        </td>
        <td class="araxxe-table-simple--cell">123</td>
        <td class="araxxe-table-simple--cell -align-right">
          <p class="araxxe-description">42 unit
          </p>
        </td>
      </tr>
    </tbody>
  </table>
</div>

.araxxe-table-layout
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line
      .araxxe-auto-scroll.-h-window-necessary
        table.araxxe-table-striped
          thead.araxxe-table-striped--thead.-sticky.-fill-shade-95
            tr.araxxe-table-striped--thead--line
              th.araxxe-table-striped--indicator
              th.araxxe-table-striped--thead--cell.-w34
                button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell.-w130
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column on
                      br
                      | multiple lines
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 1
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 2
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 3
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 4
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell.-w34
                button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
          tbody.araxxe-table-striped--tbody
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 1 Column 1 on a long line to be displayed as ellipsis")
                  | Line 1 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 1 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-success(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--open
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 2 Column 1 on a long line to be displayed as ellipsis")
                  | Line 2 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 2 Column 2
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-danger 4,200
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-shade-0 1,234
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-danger(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 3 Column 1 on a long line to be displayed as ellipsis")
                  | Line 3 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 3 Column 2
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-success 4,200
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-shade-0 1,234
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 4 Column 1 on a long line to be displayed as ellipsis")
                  | Line 4 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 4 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 5 Column 1 on a long line to be displayed as ellipsis")
                  | Line 5 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 5 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 6 Column 1 on a long line to be displayed as ellipsis")
                  | Line 6 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 6 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 7 Column 1 on a long line to be displayed as ellipsis")
                  | Line 7 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 7 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 8 Column 1 on a long line to be displayed as ellipsis")
                  | Line 8 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 8 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-main.-s34.-clickable.-vertical-mirror
            tr.araxxe-table-striped--tbody--line
              td.araxxe-table-striped--tbody--cell-details(colspan="8")
                .araxxe-container.-s15
                  table.araxxe-table-simple
                    tbody.araxxe-table-simple--tbody
                      tr.araxxe-table-simple--line
                        th.araxxe-table-simple--cell.-w140
                          .araxxe-title-info.-ellipsis(title="Key 1")
                            | Key 1
                        td.araxxe-table-simple--cell Value 1
                      tr.araxxe-table-simple--line
                        th.araxxe-table-simple--cell.-w140
                          .araxxe-title-info.-ellipsis(title="Key 2")
                            | Key 2
                        td.araxxe-table-simple--cell Value 2
                      tr.araxxe-table-simple--line
                        th.araxxe-table-simple--cell.-w140
                          .araxxe-title-info.-ellipsis(title="A very long key for 3")
                            | A very long key for 3
                        td.araxxe-table-simple--cell Value 3
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 9 Column 1 on a long line to be displayed as ellipsis")
                  | Line 9 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 9 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 10 Column 1 on a long line to be displayed as ellipsis")
                  | Line 10 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 10 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 11 Column 1 on a long line to be displayed as ellipsis")
                  | Line 11 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 11 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 12 Column 1 on a long line to be displayed as ellipsis")
                  | Line 12 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 12 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 13 Column 1 on a long line to be displayed as ellipsis")
                  | Line 13 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 13 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 14 Column 1 on a long line to be displayed as ellipsis")
                  | Line 14 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 14 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 15 Column 1 on a long line to be displayed as ellipsis")
                  | Line 15 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 15 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 16 Column 1 on a long line to be displayed as ellipsis")
                  | Line 16 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 16 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 17 Column 1 on a long line to be displayed as ellipsis")
                  | Line 17 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 17 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 18 Column 1 on a long line to be displayed as ellipsis")
                  | Line 18 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 18 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 19 Column 1 on a long line to be displayed as ellipsis")
                  | Line 19 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 19 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 20 Column 1 on a long line to be displayed as ellipsis")
                  | Line 20 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 20 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 21 Column 1 on a long line to be displayed as ellipsis")
                  | Line 21 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 21 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 22 Column 1 on a long line to be displayed as ellipsis")
                  | Line 22 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 22 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 23 Column 1 on a long line to be displayed as ellipsis")
                  | Line 23 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 23 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 24 Column 1 on a long line to be displayed as ellipsis")
                  | Line 24 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 24 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 25 Column 1 on a long line to be displayed as ellipsis")
                  | Line 25 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 25 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 26 Column 1 on a long line to be displayed as ellipsis")
                  | Line 26 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 26 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 27 Column 1 on a long line to be displayed as ellipsis")
                  | Line 27 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 27 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 28 Column 1 on a long line to be displayed as ellipsis")
                  | Line 28 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 28 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 29 Column 1 on a long line to be displayed as ellipsis")
                  | Line 29 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 29 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 30 Column 1 on a long line to be displayed as ellipsis")
                  | Line 30 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 30 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-spacing.-s10.-center
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost 1
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost.-focus 2
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost 3
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost 4
.araxxe-table-layout.-light
  .araxxe-vertical-spacing.-s20
    .araxxe-vertical-spacing--line
      .araxxe-auto-scroll.-h-window-necessary
        table.araxxe-table-striped
          thead.araxxe-table-striped--thead.-sticky.-fill-shade-95
            tr.araxxe-table-striped--thead--line
              th.araxxe-table-striped--indicator
              th.araxxe-table-striped--thead--cell.-w34
                button.araxxe-icon.araxxe-glyph-sm-checkbox.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell.-w130
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column on
                      br
                      | multiple lines
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 1
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 2
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 3
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell
                .araxxe-column-sorting
                  .araxxe-column-sorting--text
                    .araxxe-title-info Column 4
                  .araxxe-column-sorting--sort
                    button.araxxe-icon.araxxe-glyph-sort.-color-shade-50-faded.-s34.-clickable
              th.araxxe-table-striped--thead--cell.-w34
                button.araxxe-icon.araxxe-glyph-sm-parameters.-color-shade-50-faded.-s34.-clickable
          tbody.araxxe-table-striped--tbody
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-faded.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 1 Column 1 on a long line to be displayed as ellipsis")
                  | Line 1 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 1 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-success(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--open
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 2 Column 1 on a long line to be displayed as ellipsis")
                  | Line 2 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 2 Column 2
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-danger 4,200
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-shade-0 1,234
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-featured.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-danger(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 3 Column 1 on a long line to be displayed as ellipsis")
                  | Line 3 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 3 Column 2
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-success 4,200
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-bold.-color-shade-0 1,234
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 4 Column 1 on a long line to be displayed as ellipsis")
                  | Line 4 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 4 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 5 Column 1 on a long line to be displayed as ellipsis")
                  | Line 5 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 5 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 6 Column 1 on a long line to be displayed as ellipsis")
                  | Line 6 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 6 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 7 Column 1 on a long line to be displayed as ellipsis")
                  | Line 7 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 7 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 8 Column 1 on a long line to be displayed as ellipsis")
                  | Line 8 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 8 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-main.-s34.-clickable.-vertical-mirror
            tr.araxxe-table-striped--tbody--line
              td.araxxe-table-striped--tbody--cell-details(colspan="8")
                .araxxe-container.-s15
                  table.araxxe-table-simple
                    tbody.araxxe-table-simple--tbody
                      tr.araxxe-table-simple--line
                        th.araxxe-table-simple--cell.-w140
                          .araxxe-title-info.-ellipsis(title="Key 1")
                            | Key 1
                        td.araxxe-table-simple--cell Value 1
                      tr.araxxe-table-simple--line
                        th.araxxe-table-simple--cell.-w140
                          .araxxe-title-info.-ellipsis(title="Key 2")
                            | Key 2
                        td.araxxe-table-simple--cell Value 2
                      tr.araxxe-table-simple--line
                        th.araxxe-table-simple--cell.-w140
                          .araxxe-title-info.-ellipsis(title="A very long key for 3")
                            | A very long key for 3
                        td.araxxe-table-simple--cell Value 3
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 9 Column 1 on a long line to be displayed as ellipsis")
                  | Line 9 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 9 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 10 Column 1 on a long line to be displayed as ellipsis")
                  | Line 10 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 10 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 11 Column 1 on a long line to be displayed as ellipsis")
                  | Line 11 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 11 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 12 Column 1 on a long line to be displayed as ellipsis")
                  | Line 12 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 12 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 13 Column 1 on a long line to be displayed as ellipsis")
                  | Line 13 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 13 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 14 Column 1 on a long line to be displayed as ellipsis")
                  | Line 14 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 14 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 15 Column 1 on a long line to be displayed as ellipsis")
                  | Line 15 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 15 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 16 Column 1 on a long line to be displayed as ellipsis")
                  | Line 16 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 16 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 17 Column 1 on a long line to be displayed as ellipsis")
                  | Line 17 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 17 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 18 Column 1 on a long line to be displayed as ellipsis")
                  | Line 18 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 18 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 19 Column 1 on a long line to be displayed as ellipsis")
                  | Line 19 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 19 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 20 Column 1 on a long line to be displayed as ellipsis")
                  | Line 20 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 20 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 21 Column 1 on a long line to be displayed as ellipsis")
                  | Line 21 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 21 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 22 Column 1 on a long line to be displayed as ellipsis")
                  | Line 22 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 22 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 23 Column 1 on a long line to be displayed as ellipsis")
                  | Line 23 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 23 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 24 Column 1 on a long line to be displayed as ellipsis")
                  | Line 24 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 24 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 25 Column 1 on a long line to be displayed as ellipsis")
                  | Line 25 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 25 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 26 Column 1 on a long line to be displayed as ellipsis")
                  | Line 26 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 26 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 27 Column 1 on a long line to be displayed as ellipsis")
                  | Line 27 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 27 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 28 Column 1 on a long line to be displayed as ellipsis")
                  | Line 28 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 28 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-odd
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 29 Column 1 on a long line to be displayed as ellipsis")
                  | Line 29 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 29 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
            tr.araxxe-table-striped--tbody--line.ion--hoverable.ion--striped.ion--clickable.-even
              td.araxxe-table-striped--indicator
                span.araxxe-indicator.-blank(role="status" aria-label="Blank" title="Blank")
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-more-vertical.-color-shade-50-faded.-s34.-clickable
              td.araxxe-table-striped--tbody--cell
                .araxxe-horizontal-spacing.-s5.-middle
                  .araxxe-horizontal-spacing--column
                    .araxxe-notification-double-icon
                      .araxxe-notification-double-icon--first.araxxe-glyph-sms.-active
                      .araxxe-notification-double-icon--last.araxxe-glyph-call.-active.-horizontal-mirror
                  .araxxe-horizontal-spacing--column
                    .araxxe-dropdown.ion--close
                      .araxxe-dropdown--button
                        button.araxxe-caret-button
                          span.araxxe-caret-button--slot
                            span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                      .araxxe-dropdown--area.-w300
                        .araxxe-contextual-menu
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry for status
                              .araxxe-contextual-entry--slot
                                span.araxxe-switch.-off(role="switch" aria-checked="false")
                                  span.araxxe-switch--button
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-active
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h34
                              .araxxe-contextual-entry--slot
                                span.araxxe-spot.araxxe-glyph-status-stop.-s18.-inactive
                              .araxxe-contextual-entry--slot.-expand Contextual entry
                          .araxxe-contextual-menu--slot
                            button.araxxe-contextual-entry.ion--hoverable.-h44
                              .araxxe-contextual-entry--slot
                                span.araxxe-icon.araxxe-glyph-radio-off.-color-shade-50-faded.-s24
                              .araxxe-contextual-entry--slot.-expand Contextual entry
              td.araxxe-table-striped--tbody--cell
                span.araxxe-text.-ellipsis(title="Line 30 Column 1 on a long line to be displayed as ellipsis")
                  | Line 30 Column 1 on a long line to be displayed as ellipsis
              td.araxxe-table-striped--tbody--cell Line 30 Column 2
              td.araxxe-table-striped--tbody--cell 4,200
              td.araxxe-table-striped--tbody--cell 0,000
              td.araxxe-table-striped--tbody--cell
                button.araxxe-icon.araxxe-glyph-sm-arrow-down.-color-shade-50-faded.-s34.-clickable
    .araxxe-vertical-spacing--line
      .araxxe-horizontal-spacing.-s10.-center
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost 1
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost.-focus 2
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost 3
        .araxxe-horizontal-spacing--column
          button.araxxe-button.-ghost 4
.araxxe-table-layout
  table.araxxe-table-simple.-expandable.-underlined
    thead.araxxe-table-simple--thead
      tr.araxxe-table-simple--line
        th.araxxe-table-simple--cell(colspan="2")
          .araxxe-horizontal-spacing.-s10.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-title-info Description
            .araxxe-horizontal-spacing--column
              span.araxxe-icon.araxxe-glyph-info.-color-shade-75.-s20(title="Information")
        th.araxxe-table-simple--cell
          .araxxe-title-info Value
    tbody.araxxe-table-simple--tbody
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell.-expand Label 1
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell.-expand Label 2
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell.-expand Label 3
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell.-expand Label 4
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell.-expand Label 5
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle
        td.araxxe-table-simple--cell.-expand Label 6
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
.araxxe-table-layout
  table.araxxe-table-simple.-expandable.-underlined.-padded
    thead.araxxe-table-simple--thead
      tr.araxxe-table-simple--line
        th.araxxe-table-simple--cell(colspan="2")
          .araxxe-horizontal-spacing.-s10.-middle
            .araxxe-horizontal-spacing--column
              .araxxe-title-info Description
            .araxxe-horizontal-spacing--column
              span.araxxe-icon.araxxe-glyph-info.-color-shade-75.-s20(title="Information")
        th.araxxe-table-simple--cell
          .araxxe-title-info Value
    tbody.araxxe-table-simple--tbody
      tr.araxxe-table-simple--line.-align-middle.-clickable
        td.araxxe-table-simple--cell.-expand Label 1
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle.-focus-light.-clickable
        td.araxxe-table-simple--cell.-expand Label 2
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle.-clickable
        td.araxxe-table-simple--cell.-expand Label 3
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle.-clickable
        td.araxxe-table-simple--cell.-expand Label 4
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle.-clickable
        td.araxxe-table-simple--cell.-expand Label 5
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit
      tr.araxxe-table-simple--line.-align-middle.-clickable
        td.araxxe-table-simple--cell.-expand Label 6
        td.araxxe-table-simple--cell 123
        td.araxxe-table-simple--cell.-align-right
          p.araxxe-description 42 unit

Tabs page

<div class="araxxe-tabs-page">
  <div class="araxxe-tabs-page--tab">
    <div class="araxxe-tab-page -selected">
      <div class="araxxe-tab-page--text">Tab page</div>
    </div>
  </div>
  <div class="araxxe-tabs-page--tab">
    <div class="araxxe-tab-page">
      <div class="araxxe-tab-page--text">Tab page</div>
    </div>
  </div>
  <div class="araxxe-tabs-page--tab">
    <div class="araxxe-tab-page -disabled">
      <div class="araxxe-tab-page--text">Tab page</div>
    </div>
  </div>
</div>

.araxxe-tabs-page
  .araxxe-tabs-page--tab
    .araxxe-tab-page.-selected
      .araxxe-tab-page--text Tab page
  .araxxe-tabs-page--tab
    .araxxe-tab-page
      .araxxe-tab-page--text Tab page
  .araxxe-tabs-page--tab
    .araxxe-tab-page.-disabled
      .araxxe-tab-page--text Tab page

Tile

<div class="araxxe-tile -vertical">
  <div class="araxxe-tile--slot -clickable">
    <div class="araxxe-tile -horizontal">
      <div class="araxxe-tile--slot -g3">Slot 1
      </div>
      <div class="araxxe-tile--slot -flat -g2">Slot 2
      </div>
      <div class="araxxe-tile--slot -g1 -secondary">Slot 3
      </div>
    </div>
  </div>
  <div class="araxxe-tile--slot">Slot
  </div>
</div>

.araxxe-tile.-vertical
  .araxxe-tile--slot.-clickable
    .araxxe-tile.-horizontal
      .araxxe-tile--slot.-g3 Slot 1
      .araxxe-tile--slot.-flat.-g2 Slot 2
      .araxxe-tile--slot.-g1.-secondary Slot 3
  .araxxe-tile--slot Slot

Toasts

<div class="araxxe-toasts">
  <div class="araxxe-toasts--slot">
    <div class="araxxe-toast">
      <div class="araxxe-horizontal-spacing -s10 -middle">
        <div class="araxxe-horizontal-spacing--column -expand">Toast message.</div>
        <div class="araxxe-horizontal-spacing--column">
          <button class="araxxe-button-rounded -main">Button rounded
          </button>
        </div>
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-toast--icon-action araxxe-glyph-close"></div>
        </div>
      </div>
    </div>
  </div>
  <div class="araxxe-toasts--slot">
    <div class="araxxe-toast">
      <div class="araxxe-horizontal-spacing -s10 -middle">
        <div class="araxxe-horizontal-spacing--column -expand">Toast message.</div>
        <div class="araxxe-horizontal-spacing--column">
          <div class="araxxe-toast--icon-action araxxe-glyph-close"></div>
        </div>
      </div>
    </div>
  </div>
</div>

.araxxe-toasts
  .araxxe-toasts--slot
    .araxxe-toast
      .araxxe-horizontal-spacing.-s10.-middle
        .araxxe-horizontal-spacing--column.-expand Toast message.
        .araxxe-horizontal-spacing--column
          button.araxxe-button-rounded.-main Button rounded
        .araxxe-horizontal-spacing--column
          .araxxe-toast--icon-action.araxxe-glyph-close
  .araxxe-toasts--slot
    .araxxe-toast
      .araxxe-horizontal-spacing.-s10.-middle
        .araxxe-horizontal-spacing--column.-expand Toast message.
        .araxxe-horizontal-spacing--column
          .araxxe-toast--icon-action.araxxe-glyph-close

Toggles

<div class="araxxe-toggles">
  <div class="araxxe-toggles--slot">
    <button class="araxxe-toggle -stretch">A label that is shown on multiple lines
    </button>
  </div>
  <div class="araxxe-toggles--slot">
    <button class="araxxe-toggle -stretch -not-allowed" disabled="disabled">Toggle
    </button>
  </div>
  <div class="araxxe-toggles--slot">
    <button class="araxxe-toggle -stretch -not-allowed" disabled="disabled">Toggle
    </button>
  </div>
  <div class="araxxe-toggles--slot">
    <button class="araxxe-toggle -stretch -not-allowed" disabled="disabled">Toggle
    </button>
  </div>
  <div class="araxxe-toggles--slot">
    <button class="araxxe-toggle -selected -stretch">Toggle
    </button>
  </div>
  <div class="araxxe-toggles--slot">
    <button class="araxxe-toggle -stretch">Toggle
    </button>
  </div>
</div>

.araxxe-toggles
  .araxxe-toggles--slot
    button.araxxe-toggle.-stretch A label that is shown on multiple lines
  .araxxe-toggles--slot
    button.araxxe-toggle.-stretch.-not-allowed(disabled="disabled")
      | Toggle
  .araxxe-toggles--slot
    button.araxxe-toggle.-stretch.-not-allowed(disabled="disabled")
      | Toggle
  .araxxe-toggles--slot
    button.araxxe-toggle.-stretch.-not-allowed(disabled="disabled")
      | Toggle
  .araxxe-toggles--slot
    button.araxxe-toggle.-selected.-stretch Toggle
  .araxxe-toggles--slot
    button.araxxe-toggle.-stretch Toggle

Vertical menu

<div class="araxxe-vertical-menu">
  <button class="araxxe-vertical-menu-entry ion--hoverable -h44">
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
    </div>
    <div class="araxxe-contextual-entry--slot -expand">Directory</div>
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
    </div>
  </button>
  <button class="araxxe-vertical-menu-entry ion--hoverable -h44 -selected">
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
    </div>
    <div class="araxxe-contextual-entry--slot -expand">Directory</div>
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
    </div>
  </button>
  <button class="araxxe-vertical-menu-entry ion--hoverable -h44">
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
    </div>
    <div class="araxxe-contextual-entry--slot -expand">Directory</div>
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
    </div>
  </button>
  <div class="araxxe-vertical-menu--separator"></div>
  <button class="araxxe-vertical-menu-entry ion--hoverable -h44">
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-folder -color-shade-50-faded -s24"></span>
    </div>
    <div class="araxxe-contextual-entry--slot -expand">Directory</div>
    <div class="araxxe-contextual-entry--slot">
      <span class="araxxe-icon araxxe-glyph-delete -color-shade-50-faded -hover-color-main -s24 -clickable"></span>
    </div>
  </button>
</div>

.araxxe-vertical-menu
  button.araxxe-vertical-menu-entry.ion--hoverable.-h44
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
    .araxxe-contextual-entry--slot.-expand Directory
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable
  button.araxxe-vertical-menu-entry.ion--hoverable.-h44.-selected
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
    .araxxe-contextual-entry--slot.-expand Directory
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable
  button.araxxe-vertical-menu-entry.ion--hoverable.-h44
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
    .araxxe-contextual-entry--slot.-expand Directory
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable
  .araxxe-vertical-menu--separator
  button.araxxe-vertical-menu-entry.ion--hoverable.-h44
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-folder.-color-shade-50-faded.-s24
    .araxxe-contextual-entry--slot.-expand Directory
    .araxxe-contextual-entry--slot
      span.araxxe-icon.araxxe-glyph-delete.-color-shade-50-faded.-hover-color-main.-s24.-clickable

Vertical spacing

Available spaces: -s5, -s10, -s15, -s20, -s30.

<div class="araxxe-vertical-spacing -s30">
  <div class="araxxe-vertical-spacing--line">Line 1</div>
  <div class="araxxe-vertical-spacing--line">Line 2</div>
  <div class="araxxe-vertical-spacing--line">Line 3</div>
</div>
<div class="araxxe-vertical-spacing -s30 -align-center">
  <div class="araxxe-vertical-spacing--line">Line 1</div>
  <div class="araxxe-vertical-spacing--line">Line 2</div>
  <div class="araxxe-vertical-spacing--line">Line 3</div>
</div>

.araxxe-vertical-spacing.-s30
  .araxxe-vertical-spacing--line Line 1
  .araxxe-vertical-spacing--line Line 2
  .araxxe-vertical-spacing--line Line 3
.araxxe-vertical-spacing.-s30.-align-center
  .araxxe-vertical-spacing--line Line 1
  .araxxe-vertical-spacing--line Line 2
  .araxxe-vertical-spacing--line Line 3

Organisms

Auto scroll

Block link

Calendar picker

Card

Carousel

Chat list

Container

Contextual menu

Footer

Header

Horizontal histogram

Horizontal overlap

Horizontal separe

Horizontal spacing

Menu

Modal

Chat modal

Dark modal

News banner

Page container

Popover

Recipient card

Sheet

Sidebar

Table layout

Tabs page

Tile

Toasts

Toggles

Vertical menu

Vertical spacing