phantasmal-world/src/viewer/gui/model/__snapshots__/ModelView.test.ts.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Renders correctly. 1`] = `
<div
  class="viewer_model_ModelView"
>
  <div
    class="core_ToolBar"
    style="height: 33px;"
  >
    <button
      class="core_Button core_FileButton"
    >
      <span
        class="core_Button_inner"
      >
        <span
          class="core_Button_left"
        >
          <span>
            <span
              class="fas fa-file"
            />
          </span>
        </span>
        <span
          class="core_Button_center"
        >
          Open file...
        </span>
      </span>
    </button>
    <div
      class="core_ToolBar_group"
    >
      <input
        class="core_CheckBox"
        id="core_LabelledControl_id_0"
        type="checkbox"
      />
      <label
        class="core_Label"
        for="core_LabelledControl_id_0"
        title=""
      >
        Show skeleton
      </label>
    </div>
    <div
      class="core_ToolBar_group"
    >
      <input
        class="core_CheckBox disabled"
        disabled=""
        id="core_LabelledControl_id_1"
        type="checkbox"
      />
      <label
        class="core_Label disabled"
        for="core_LabelledControl_id_1"
        title=""
      >
        Play animation
      </label>
    </div>
    <div
      class="core_ToolBar_group"
    >
      <label
        class="core_Label disabled"
        for="core_LabelledControl_id_2"
        title=""
      >
        Frame rate:
      </label>
      <span
        class="core_NumberInput core_Input disabled"
        id="core_LabelledControl_id_2"
      >
        <input
          class="core_NumberInput_inner core_Input_inner"
          disabled=""
          max="240"
          min="1"
          step="1"
          type="number"
        />
      </span>
    </div>
    <div
      class="core_ToolBar_group"
    >
      <label
        class="core_Label disabled"
        for="core_LabelledControl_id_3"
        title=""
      >
        Frame:
      </label>
      <span
        class="core_NumberInput core_Input disabled"
        id="core_LabelledControl_id_3"
      >
        <input
          class="core_NumberInput_inner core_Input_inner"
          disabled=""
          max="0"
          min="1"
          step="1"
          type="number"
        />
      </span>
    </div>
    <label
      class="core_Label disabled"
    >
      / 0
    </label>
  </div>
  <div
    class="viewer_model_ModelView_container"
  >
    <ul
      class="viewer_model_CharacterClassSelectionView"
    >
      <li
        class="active"
        data-index="0"
      >
        HUmar
      </li>
      <li
        data-index="1"
      >
        HUnewearl
      </li>
      <li
        data-index="2"
      >
        HUcast
      </li>
      <li
        data-index="3"
      >
        HUcaseal
      </li>
      <li
        data-index="4"
      >
        RAmar
      </li>
      <li
        data-index="5"
      >
        RAmarl
      </li>
      <li
        data-index="6"
      >
        RAcast
      </li>
      <li
        data-index="7"
      >
        RAcaseal
      </li>
      <li
        data-index="8"
      >
        FOmar
      </li>
      <li
        data-index="9"
      >
        FOmarl
      </li>
      <li
        data-index="10"
      >
        FOnewm
      </li>
      <li
        data-index="11"
      >
        FOnewearl
      </li>
    </ul>
    <div
      class="viewer_model_CharacterClassOptionsView"
    >
      <table>
        <tr>
          <td>
            <label
              class="core_Label"
              for="core_LabelledControl_id_4"
              title=""
            >
              Section ID:
            </label>
          </td>
          <td>
            <div
              class="core_Select viewer_model_CharacterClassOptionsView_section_id"
              id="core_LabelledControl_id_4"
            >
              <button
                class="core_Button"
              >
                <span
                  class="core_Button_inner"
                >
                  <span
                    class="core_Button_center"
                  >
                    Viridia
                  </span>
                  <span
                    class="core_Button_right"
                  >
                    <span>
                      <span
                        class="fas fa-caret-down"
                      />
                    </span>
                  </span>
                </span>
              </button>
              <div
                class="core_Menu"
                hidden=""
                tabindex="-1"
              >
                <div
                  class="core_Menu_inner"
                >
                  <div
                    data-index="0"
                  >
                    Viridia
                  </div>
                  <div
                    data-index="1"
                  >
                    Greenill
                  </div>
                  <div
                    data-index="2"
                  >
                    Skyly
                  </div>
                  <div
                    data-index="3"
                  >
                    Bluefull
                  </div>
                  <div
                    data-index="4"
                  >
                    Purplenum
                  </div>
                  <div
                    data-index="5"
                  >
                    Pinkal
                  </div>
                  <div
                    data-index="6"
                  >
                    Redria
                  </div>
                  <div
                    data-index="7"
                  >
                    Oran
                  </div>
                  <div
                    data-index="8"
                  >
                    Yellowboze
                  </div>
                  <div
                    data-index="9"
                  >
                    Whitill
                  </div>
                </div>
              </div>
            </div>
          </td>
        </tr>
        <tr>
          <td>
            <label
              class="core_Label"
              for="core_LabelledControl_id_5"
              title=""
            >
              Body:
            </label>
          </td>
          <td>
            <div
              class="core_Select viewer_model_CharacterClassOptionsView_body"
              id="core_LabelledControl_id_5"
            >
              <button
                class="core_Button"
              >
                <span
                  class="core_Button_inner"
                >
                  <span
                    class="core_Button_center"
                  >
                    1
                  </span>
                  <span
                    class="core_Button_right"
                  >
                    <span>
                      <span
                        class="fas fa-caret-down"
                      />
                    </span>
                  </span>
                </span>
              </button>
              <div
                class="core_Menu"
                hidden=""
                tabindex="-1"
              >
                <div
                  class="core_Menu_inner"
                >
                  <div
                    data-index="0"
                  >
                    1
                  </div>
                  <div
                    data-index="1"
                  >
                    2
                  </div>
                  <div
                    data-index="2"
                  >
                    3
                  </div>
                  <div
                    data-index="3"
                  >
                    4
                  </div>
                  <div
                    data-index="4"
                  >
                    5
                  </div>
                  <div
                    data-index="5"
                  >
                    6
                  </div>
                  <div
                    data-index="6"
                  >
                    7
                  </div>
                  <div
                    data-index="7"
                  >
                    8
                  </div>
                  <div
                    data-index="8"
                  >
                    9
                  </div>
                  <div
                    data-index="9"
                  >
                    10
                  </div>
                  <div
                    data-index="10"
                  >
                    11
                  </div>
                  <div
                    data-index="11"
                  >
                    12
                  </div>
                  <div
                    data-index="12"
                  >
                    13
                  </div>
                  <div
                    data-index="13"
                  >
                    14
                  </div>
                  <div
                    data-index="14"
                  >
                    15
                  </div>
                  <div
                    data-index="15"
                  >
                    16
                  </div>
                  <div
                    data-index="16"
                  >
                    17
                  </div>
                  <div
                    data-index="17"
                  >
                    18
                  </div>
                </div>
              </div>
            </div>
          </td>
        </tr>
      </table>
    </div>
    <div
      class="core_RendererWidget"
    >
      <canvas
        style="outline: none;"
        tabindex="0"
      />
    </div>
    <ul
      class="viewer_model_CharacterClassSelectionView"
    >
      <li
        data-index="0"
      >
        Animation 1
      </li>
      <li
        data-index="1"
      >
        Animation 2
      </li>
      <li
        data-index="2"
      >
        Animation 3
      </li>
      <li
        data-index="3"
      >
        Animation 4
      </li>
      <li
        data-index="4"
      >
        Animation 5
      </li>
      <li
        data-index="5"
      >
        Animation 6
      </li>
      <li
        data-index="6"
      >
        Animation 7
      </li>
      <li
        data-index="7"
      >
        Animation 8
      </li>
      <li
        data-index="8"
      >
        Animation 9
      </li>
      <li
        data-index="9"
      >
        Animation 10
      </li>
      <li
        data-index="10"
      >
        Animation 11
      </li>
      <li
        data-index="11"
      >
        Animation 12
      </li>
      <li
        data-index="12"
      >
        Animation 13
      </li>
      <li
        data-index="13"
      >
        Animation 14
      </li>
      <li
        data-index="14"
      >
        Animation 15
      </li>
      <li
        data-index="15"
      >
        Animation 16
      </li>
      <li
        data-index="16"
      >
        Animation 17
      </li>
      <li
        data-index="17"
      >
        Animation 18
      </li>
      <li
        data-index="18"
      >
        Animation 19
      </li>
      <li
        data-index="19"
      >
        Animation 20
      </li>
      <li
        data-index="20"
      >
        Animation 21
      </li>
      <li
        data-index="21"
      >
        Animation 22
      </li>
      <li
        data-index="22"
      >
        Animation 23
      </li>
      <li
        data-index="23"
      >
        Animation 24
      </li>
      <li
        data-index="24"
      >
        Animation 25
      </li>
      <li
        data-index="25"
      >
        Animation 26
      </li>
      <li
        data-index="26"
      >
        Animation 27
      </li>
      <li
        data-index="27"
      >
        Animation 28
      </li>
      <li
        data-index="28"
      >
        Animation 29
      </li>
      <li
        data-index="29"
      >
        Animation 30
      </li>
      <li
        data-index="30"
      >
        Animation 31
      </li>
      <li
        data-index="31"
      >
        Animation 32
      </li>
      <li
        data-index="32"
      >
        Animation 33
      </li>
      <li
        data-index="33"
      >
        Animation 34
      </li>
      <li
        data-index="34"
      >
        Animation 35
      </li>
      <li
        data-index="35"
      >
        Animation 36
      </li>
      <li
        data-index="36"
      >
        Animation 37
      </li>
      <li
        data-index="37"
      >
        Animation 38
      </li>
      <li
        data-index="38"
      >
        Animation 39
      </li>
      <li
        data-index="39"
      >
        Animation 40
      </li>
      <li
        data-index="40"
      >
        Animation 41
      </li>
      <li
        data-index="41"
      >
        Animation 42
      </li>
      <li
        data-index="42"
      >
        Animation 43
      </li>
      <li
        data-index="43"
      >
        Animation 44
      </li>
      <li
        data-index="44"
      >
        Animation 45
      </li>
      <li
        data-index="45"
      >
        Animation 46
      </li>
      <li
        data-index="46"
      >
        Animation 47
      </li>
      <li
        data-index="47"
      >
        Animation 48
      </li>
      <li
        data-index="48"
      >
        Animation 49
      </li>
      <li
        data-index="49"
      >
        Animation 50
      </li>
      <li
        data-index="50"
      >
        Animation 51
      </li>
      <li
        data-index="51"
      >
        Animation 52
      </li>
      <li
        data-index="52"
      >
        Animation 53
      </li>
      <li
        data-index="53"
      >
        Animation 54
      </li>
      <li
        data-index="54"
      >
        Animation 55
      </li>
      <li
        data-index="55"
      >
        Animation 56
      </li>
      <li
        data-index="56"
      >
        Animation 57
      </li>
      <li
        data-index="57"
      >
        Animation 58
      </li>
      <li
        data-index="58"
      >
        Animation 59
      </li>
      <li
        data-index="59"
      >
        Animation 60
      </li>
      <li
        data-index="60"
      >
        Animation 61
      </li>
      <li
        data-index="61"
      >
        Animation 62
      </li>
      <li
        data-index="62"
      >
        Animation 63
      </li>
      <li
        data-index="63"
      >
        Animation 64
      </li>
      <li
        data-index="64"
      >
        Animation 65
      </li>
      <li
        data-index="65"
      >
        Animation 66
      </li>
      <li
        data-index="66"
      >
        Animation 67
      </li>
      <li
        data-index="67"
      >
        Animation 68
      </li>
      <li
        data-index="68"
      >
        Animation 69
      </li>
      <li
        data-index="69"
      >
        Animation 70
      </li>
      <li
        data-index="70"
      >
        Animation 71
      </li>
      <li
        data-index="71"
      >
        Animation 72
      </li>
      <li
        data-index="72"
      >
        Animation 73
      </li>
      <li
        data-index="73"
      >
        Animation 74
      </li>
      <li
        data-index="74"
      >
        Animation 75
      </li>
      <li
        data-index="75"
      >
        Animation 76
      </li>
      <li
        data-index="76"
      >
        Animation 77
      </li>
      <li
        data-index="77"
      >
        Animation 78
      </li>
      <li
        data-index="78"
      >
        Animation 79
      </li>
      <li
        data-index="79"
      >
        Animation 80
      </li>
      <li
        data-index="80"
      >
        Animation 81
      </li>
      <li
        data-index="81"
      >
        Animation 82
      </li>
      <li
        data-index="82"
      >
        Animation 83
      </li>
      <li
        data-index="83"
      >
        Animation 84
      </li>
      <li
        data-index="84"
      >
        Animation 85
      </li>
      <li
        data-index="85"
      >
        Animation 86
      </li>
      <li
        data-index="86"
      >
        Animation 87
      </li>
      <li
        data-index="87"
      >
        Animation 88
      </li>
      <li
        data-index="88"
      >
        Animation 89
      </li>
      <li
        data-index="89"
      >
        Animation 90
      </li>
      <li
        data-index="90"
      >
        Animation 91
      </li>
      <li
        data-index="91"
      >
        Animation 92
      </li>
      <li
        data-index="92"
      >
        Animation 93
      </li>
      <li
        data-index="93"
      >
        Animation 94
      </li>
      <li
        data-index="94"
      >
        Animation 95
      </li>
      <li
        data-index="95"
      >
        Animation 96
      </li>
      <li
        data-index="96"
      >
        Animation 97
      </li>
      <li
        data-index="97"
      >
        Animation 98
      </li>
      <li
        data-index="98"
      >
        Animation 99
      </li>
      <li
        data-index="99"
      >
        Animation 100
      </li>
      <li
        data-index="100"
      >
        Animation 101
      </li>
      <li
        data-index="101"
      >
        Animation 102
      </li>
      <li
        data-index="102"
      >
        Animation 103
      </li>
      <li
        data-index="103"
      >
        Animation 104
      </li>
      <li
        data-index="104"
      >
        Animation 105
      </li>
      <li
        data-index="105"
      >
        Animation 106
      </li>
      <li
        data-index="106"
      >
        Animation 107
      </li>
      <li
        data-index="107"
      >
        Animation 108
      </li>
      <li
        data-index="108"
      >
        Animation 109
      </li>
      <li
        data-index="109"
      >
        Animation 110
      </li>
      <li
        data-index="110"
      >
        Animation 111
      </li>
      <li
        data-index="111"
      >
        Animation 112
      </li>
      <li
        data-index="112"
      >
        Animation 113
      </li>
      <li
        data-index="113"
      >
        Animation 114
      </li>
      <li
        data-index="114"
      >
        Animation 115
      </li>
      <li
        data-index="115"
      >
        Animation 116
      </li>
      <li
        data-index="116"
      >
        Animation 117
      </li>
      <li
        data-index="117"
      >
        Animation 118
      </li>
      <li
        data-index="118"
      >
        Animation 119
      </li>
      <li
        data-index="119"
      >
        Animation 120
      </li>
      <li
        data-index="120"
      >
        Animation 121
      </li>
      <li
        data-index="121"
      >
        Animation 122
      </li>
      <li
        data-index="122"
      >
        Animation 123
      </li>
      <li
        data-index="123"
      >
        Animation 124
      </li>
      <li
        data-index="124"
      >
        Animation 125
      </li>
      <li
        data-index="125"
      >
        Animation 126
      </li>
      <li
        data-index="126"
      >
        Animation 127
      </li>
      <li
        data-index="127"
      >
        Animation 128
      </li>
      <li
        data-index="128"
      >
        Animation 129
      </li>
      <li
        data-index="129"
      >
        Animation 130
      </li>
      <li
        data-index="130"
      >
        Animation 131
      </li>
      <li
        data-index="131"
      >
        Animation 132
      </li>
      <li
        data-index="132"
      >
        Animation 133
      </li>
      <li
        data-index="133"
      >
        Animation 134
      </li>
      <li
        data-index="134"
      >
        Animation 135
      </li>
      <li
        data-index="135"
      >
        Animation 136
      </li>
      <li
        data-index="136"
      >
        Animation 137
      </li>
      <li
        data-index="137"
      >
        Animation 138
      </li>
      <li
        data-index="138"
      >
        Animation 139
      </li>
      <li
        data-index="139"
      >
        Animation 140
      </li>
      <li
        data-index="140"
      >
        Animation 141
      </li>
      <li
        data-index="141"
      >
        Animation 142
      </li>
      <li
        data-index="142"
      >
        Animation 143
      </li>
      <li
        data-index="143"
      >
        Animation 144
      </li>
      <li
        data-index="144"
      >
        Animation 145
      </li>
      <li
        data-index="145"
      >
        Animation 146
      </li>
      <li
        data-index="146"
      >
        Animation 147
      </li>
      <li
        data-index="147"
      >
        Animation 148
      </li>
      <li
        data-index="148"
      >
        Animation 149
      </li>
      <li
        data-index="149"
      >
        Animation 150
      </li>
      <li
        data-index="150"
      >
        Animation 151
      </li>
      <li
        data-index="151"
      >
        Animation 152
      </li>
      <li
        data-index="152"
      >
        Animation 153
      </li>
      <li
        data-index="153"
      >
        Animation 154
      </li>
      <li
        data-index="154"
      >
        Animation 155
      </li>
      <li
        data-index="155"
      >
        Animation 156
      </li>
      <li
        data-index="156"
      >
        Animation 157
      </li>
      <li
        data-index="157"
      >
        Animation 158
      </li>
      <li
        data-index="158"
      >
        Animation 159
      </li>
      <li
        data-index="159"
      >
        Animation 160
      </li>
      <li
        data-index="160"
      >
        Animation 161
      </li>
      <li
        data-index="161"
      >
        Animation 162
      </li>
      <li
        data-index="162"
      >
        Animation 163
      </li>
      <li
        data-index="163"
      >
        Animation 164
      </li>
      <li
        data-index="164"
      >
        Animation 165
      </li>
      <li
        data-index="165"
      >
        Animation 166
      </li>
      <li
        data-index="166"
      >
        Animation 167
      </li>
      <li
        data-index="167"
      >
        Animation 168
      </li>
      <li
        data-index="168"
      >
        Animation 169
      </li>
      <li
        data-index="169"
      >
        Animation 170
      </li>
      <li
        data-index="170"
      >
        Animation 171
      </li>
      <li
        data-index="171"
      >
        Animation 172
      </li>
      <li
        data-index="172"
      >
        Animation 173
      </li>
      <li
        data-index="173"
      >
        Animation 174
      </li>
      <li
        data-index="174"
      >
        Animation 175
      </li>
      <li
        data-index="175"
      >
        Animation 176
      </li>
      <li
        data-index="176"
      >
        Animation 177
      </li>
      <li
        data-index="177"
      >
        Animation 178
      </li>
      <li
        data-index="178"
      >
        Animation 179
      </li>
      <li
        data-index="179"
      >
        Animation 180
      </li>
      <li
        data-index="180"
      >
        Animation 181
      </li>
      <li
        data-index="181"
      >
        Animation 182
      </li>
      <li
        data-index="182"
      >
        Animation 183
      </li>
      <li
        data-index="183"
      >
        Animation 184
      </li>
      <li
        data-index="184"
      >
        Animation 185
      </li>
      <li
        data-index="185"
      >
        Animation 186
      </li>
      <li
        data-index="186"
      >
        Animation 187
      </li>
      <li
        data-index="187"
      >
        Animation 188
      </li>
      <li
        data-index="188"
      >
        Animation 189
      </li>
      <li
        data-index="189"
      >
        Animation 190
      </li>
      <li
        data-index="190"
      >
        Animation 191
      </li>
      <li
        data-index="191"
      >
        Animation 192
      </li>
      <li
        data-index="192"
      >
        Animation 193
      </li>
      <li
        data-index="193"
      >
        Animation 194
      </li>
      <li
        data-index="194"
      >
        Animation 195
      </li>
      <li
        data-index="195"
      >
        Animation 196
      </li>
      <li
        data-index="196"
      >
        Animation 197
      </li>
      <li
        data-index="197"
      >
        Animation 198
      </li>
      <li
        data-index="198"
      >
        Animation 199
      </li>
      <li
        data-index="199"
      >
        Animation 200
      </li>
      <li
        data-index="200"
      >
        Animation 201
      </li>
      <li
        data-index="201"
      >
        Animation 202
      </li>
      <li
        data-index="202"
      >
        Animation 203
      </li>
      <li
        data-index="203"
      >
        Animation 204
      </li>
      <li
        data-index="204"
      >
        Animation 205
      </li>
      <li
        data-index="205"
      >
        Animation 206
      </li>
      <li
        data-index="206"
      >
        Animation 207
      </li>
      <li
        data-index="207"
      >
        Animation 208
      </li>
      <li
        data-index="208"
      >
        Animation 209
      </li>
      <li
        data-index="209"
      >
        Animation 210
      </li>
      <li
        data-index="210"
      >
        Animation 211
      </li>
      <li
        data-index="211"
      >
        Animation 212
      </li>
      <li
        data-index="212"
      >
        Animation 213
      </li>
      <li
        data-index="213"
      >
        Animation 214
      </li>
      <li
        data-index="214"
      >
        Animation 215
      </li>
      <li
        data-index="215"
      >
        Animation 216
      </li>
      <li
        data-index="216"
      >
        Animation 217
      </li>
      <li
        data-index="217"
      >
        Animation 218
      </li>
      <li
        data-index="218"
      >
        Animation 219
      </li>
      <li
        data-index="219"
      >
        Animation 220
      </li>
      <li
        data-index="220"
      >
        Animation 221
      </li>
      <li
        data-index="221"
      >
        Animation 222
      </li>
      <li
        data-index="222"
      >
        Animation 223
      </li>
      <li
        data-index="223"
      >
        Animation 224
      </li>
      <li
        data-index="224"
      >
        Animation 225
      </li>
      <li
        data-index="225"
      >
        Animation 226
      </li>
      <li
        data-index="226"
      >
        Animation 227
      </li>
      <li
        data-index="227"
      >
        Animation 228
      </li>
      <li
        data-index="228"
      >
        Animation 229
      </li>
      <li
        data-index="229"
      >
        Animation 230
      </li>
      <li
        data-index="230"
      >
        Animation 231
      </li>
      <li
        data-index="231"
      >
        Animation 232
      </li>
      <li
        data-index="232"
      >
        Animation 233
      </li>
      <li
        data-index="233"
      >
        Animation 234
      </li>
      <li
        data-index="234"
      >
        Animation 235
      </li>
      <li
        data-index="235"
      >
        Animation 236
      </li>
      <li
        data-index="236"
      >
        Animation 237
      </li>
      <li
        data-index="237"
      >
        Animation 238
      </li>
      <li
        data-index="238"
      >
        Animation 239
      </li>
      <li
        data-index="239"
      >
        Animation 240
      </li>
      <li
        data-index="240"
      >
        Animation 241
      </li>
      <li
        data-index="241"
      >
        Animation 242
      </li>
      <li
        data-index="242"
      >
        Animation 243
      </li>
      <li
        data-index="243"
      >
        Animation 244
      </li>
      <li
        data-index="244"
      >
        Animation 245
      </li>
      <li
        data-index="245"
      >
        Animation 246
      </li>
      <li
        data-index="246"
      >
        Animation 247
      </li>
      <li
        data-index="247"
      >
        Animation 248
      </li>
      <li
        data-index="248"
      >
        Animation 249
      </li>
      <li
        data-index="249"
      >
        Animation 250
      </li>
      <li
        data-index="250"
      >
        Animation 251
      </li>
      <li
        data-index="251"
      >
        Animation 252
      </li>
      <li
        data-index="252"
      >
        Animation 253
      </li>
      <li
        data-index="253"
      >
        Animation 254
      </li>
      <li
        data-index="254"
      >
        Animation 255
      </li>
      <li
        data-index="255"
      >
        Animation 256
      </li>
      <li
        data-index="256"
      >
        Animation 257
      </li>
      <li
        data-index="257"
      >
        Animation 258
      </li>
      <li
        data-index="258"
      >
        Animation 259
      </li>
      <li
        data-index="259"
      >
        Animation 260
      </li>
      <li
        data-index="260"
      >
        Animation 261
      </li>
      <li
        data-index="261"
      >
        Animation 262
      </li>
      <li
        data-index="262"
      >
        Animation 263
      </li>
      <li
        data-index="263"
      >
        Animation 264
      </li>
      <li
        data-index="264"
      >
        Animation 265
      </li>
      <li
        data-index="265"
      >
        Animation 266
      </li>
      <li
        data-index="266"
      >
        Animation 267
      </li>
      <li
        data-index="267"
      >
        Animation 268
      </li>
      <li
        data-index="268"
      >
        Animation 269
      </li>
      <li
        data-index="269"
      >
        Animation 270
      </li>
      <li
        data-index="270"
      >
        Animation 271
      </li>
      <li
        data-index="271"
      >
        Animation 272
      </li>
      <li
        data-index="272"
      >
        Animation 273
      </li>
      <li
        data-index="273"
      >
        Animation 274
      </li>
      <li
        data-index="274"
      >
        Animation 275
      </li>
      <li
        data-index="275"
      >
        Animation 276
      </li>
      <li
        data-index="276"
      >
        Animation 277
      </li>
      <li
        data-index="277"
      >
        Animation 278
      </li>
      <li
        data-index="278"
      >
        Animation 279
      </li>
      <li
        data-index="279"
      >
        Animation 280
      </li>
      <li
        data-index="280"
      >
        Animation 281
      </li>
      <li
        data-index="281"
      >
        Animation 282
      </li>
      <li
        data-index="282"
      >
        Animation 283
      </li>
      <li
        data-index="283"
      >
        Animation 284
      </li>
      <li
        data-index="284"
      >
        Animation 285
      </li>
      <li
        data-index="285"
      >
        Animation 286
      </li>
      <li
        data-index="286"
      >
        Animation 287
      </li>
      <li
        data-index="287"
      >
        Animation 288
      </li>
      <li
        data-index="288"
      >
        Animation 289
      </li>
      <li
        data-index="289"
      >
        Animation 290
      </li>
      <li
        data-index="290"
      >
        Animation 291
      </li>
      <li
        data-index="291"
      >
        Animation 292
      </li>
      <li
        data-index="292"
      >
        Animation 293
      </li>
      <li
        data-index="293"
      >
        Animation 294
      </li>
      <li
        data-index="294"
      >
        Animation 295
      </li>
      <li
        data-index="295"
      >
        Animation 296
      </li>
      <li
        data-index="296"
      >
        Animation 297
      </li>
      <li
        data-index="297"
      >
        Animation 298
      </li>
      <li
        data-index="298"
      >
        Animation 299
      </li>
      <li
        data-index="299"
      >
        Animation 300
      </li>
      <li
        data-index="300"
      >
        Animation 301
      </li>
      <li
        data-index="301"
      >
        Animation 302
      </li>
      <li
        data-index="302"
      >
        Animation 303
      </li>
      <li
        data-index="303"
      >
        Animation 304
      </li>
      <li
        data-index="304"
      >
        Animation 305
      </li>
      <li
        data-index="305"
      >
        Animation 306
      </li>
      <li
        data-index="306"
      >
        Animation 307
      </li>
      <li
        data-index="307"
      >
        Animation 308
      </li>
      <li
        data-index="308"
      >
        Animation 309
      </li>
      <li
        data-index="309"
      >
        Animation 310
      </li>
      <li
        data-index="310"
      >
        Animation 311
      </li>
      <li
        data-index="311"
      >
        Animation 312
      </li>
      <li
        data-index="312"
      >
        Animation 313
      </li>
      <li
        data-index="313"
      >
        Animation 314
      </li>
      <li
        data-index="314"
      >
        Animation 315
      </li>
      <li
        data-index="315"
      >
        Animation 316
      </li>
      <li
        data-index="316"
      >
        Animation 317
      </li>
      <li
        data-index="317"
      >
        Animation 318
      </li>
      <li
        data-index="318"
      >
        Animation 319
      </li>
      <li
        data-index="319"
      >
        Animation 320
      </li>
      <li
        data-index="320"
      >
        Animation 321
      </li>
      <li
        data-index="321"
      >
        Animation 322
      </li>
      <li
        data-index="322"
      >
        Animation 323
      </li>
      <li
        data-index="323"
      >
        Animation 324
      </li>
      <li
        data-index="324"
      >
        Animation 325
      </li>
      <li
        data-index="325"
      >
        Animation 326
      </li>
      <li
        data-index="326"
      >
        Animation 327
      </li>
      <li
        data-index="327"
      >
        Animation 328
      </li>
      <li
        data-index="328"
      >
        Animation 329
      </li>
      <li
        data-index="329"
      >
        Animation 330
      </li>
      <li
        data-index="330"
      >
        Animation 331
      </li>
      <li
        data-index="331"
      >
        Animation 332
      </li>
      <li
        data-index="332"
      >
        Animation 333
      </li>
      <li
        data-index="333"
      >
        Animation 334
      </li>
      <li
        data-index="334"
      >
        Animation 335
      </li>
      <li
        data-index="335"
      >
        Animation 336
      </li>
      <li
        data-index="336"
      >
        Animation 337
      </li>
      <li
        data-index="337"
      >
        Animation 338
      </li>
      <li
        data-index="338"
      >
        Animation 339
      </li>
      <li
        data-index="339"
      >
        Animation 340
      </li>
      <li
        data-index="340"
      >
        Animation 341
      </li>
      <li
        data-index="341"
      >
        Animation 342
      </li>
      <li
        data-index="342"
      >
        Animation 343
      </li>
      <li
        data-index="343"
      >
        Animation 344
      </li>
      <li
        data-index="344"
      >
        Animation 345
      </li>
      <li
        data-index="345"
      >
        Animation 346
      </li>
      <li
        data-index="346"
      >
        Animation 347
      </li>
      <li
        data-index="347"
      >
        Animation 348
      </li>
      <li
        data-index="348"
      >
        Animation 349
      </li>
      <li
        data-index="349"
      >
        Animation 350
      </li>
      <li
        data-index="350"
      >
        Animation 351
      </li>
      <li
        data-index="351"
      >
        Animation 352
      </li>
      <li
        data-index="352"
      >
        Animation 353
      </li>
      <li
        data-index="353"
      >
        Animation 354
      </li>
      <li
        data-index="354"
      >
        Animation 355
      </li>
      <li
        data-index="355"
      >
        Animation 356
      </li>
      <li
        data-index="356"
      >
        Animation 357
      </li>
      <li
        data-index="357"
      >
        Animation 358
      </li>
      <li
        data-index="358"
      >
        Animation 359
      </li>
      <li
        data-index="359"
      >
        Animation 360
      </li>
      <li
        data-index="360"
      >
        Animation 361
      </li>
      <li
        data-index="361"
      >
        Animation 362
      </li>
      <li
        data-index="362"
      >
        Animation 363
      </li>
      <li
        data-index="363"
      >
        Animation 364
      </li>
      <li
        data-index="364"
      >
        Animation 365
      </li>
      <li
        data-index="365"
      >
        Animation 366
      </li>
      <li
        data-index="366"
      >
        Animation 367
      </li>
      <li
        data-index="367"
      >
        Animation 368
      </li>
      <li
        data-index="368"
      >
        Animation 369
      </li>
      <li
        data-index="369"
      >
        Animation 370
      </li>
      <li
        data-index="370"
      >
        Animation 371
      </li>
      <li
        data-index="371"
      >
        Animation 372
      </li>
      <li
        data-index="372"
      >
        Animation 373
      </li>
      <li
        data-index="373"
      >
        Animation 374
      </li>
      <li
        data-index="374"
      >
        Animation 375
      </li>
      <li
        data-index="375"
      >
        Animation 376
      </li>
      <li
        data-index="376"
      >
        Animation 377
      </li>
      <li
        data-index="377"
      >
        Animation 378
      </li>
      <li
        data-index="378"
      >
        Animation 379
      </li>
      <li
        data-index="379"
      >
        Animation 380
      </li>
      <li
        data-index="380"
      >
        Animation 381
      </li>
      <li
        data-index="381"
      >
        Animation 382
      </li>
      <li
        data-index="382"
      >
        Animation 383
      </li>
      <li
        data-index="383"
      >
        Animation 384
      </li>
      <li
        data-index="384"
      >
        Animation 385
      </li>
      <li
        data-index="385"
      >
        Animation 386
      </li>
      <li
        data-index="386"
      >
        Animation 387
      </li>
      <li
        data-index="387"
      >
        Animation 388
      </li>
      <li
        data-index="388"
      >
        Animation 389
      </li>
      <li
        data-index="389"
      >
        Animation 390
      </li>
      <li
        data-index="390"
      >
        Animation 391
      </li>
      <li
        data-index="391"
      >
        Animation 392
      </li>
      <li
        data-index="392"
      >
        Animation 393
      </li>
      <li
        data-index="393"
      >
        Animation 394
      </li>
      <li
        data-index="394"
      >
        Animation 395
      </li>
      <li
        data-index="395"
      >
        Animation 396
      </li>
      <li
        data-index="396"
      >
        Animation 397
      </li>
      <li
        data-index="397"
      >
        Animation 398
      </li>
      <li
        data-index="398"
      >
        Animation 399
      </li>
      <li
        data-index="399"
      >
        Animation 400
      </li>
      <li
        data-index="400"
      >
        Animation 401
      </li>
      <li
        data-index="401"
      >
        Animation 402
      </li>
      <li
        data-index="402"
      >
        Animation 403
      </li>
      <li
        data-index="403"
      >
        Animation 404
      </li>
      <li
        data-index="404"
      >
        Animation 405
      </li>
      <li
        data-index="405"
      >
        Animation 406
      </li>
      <li
        data-index="406"
      >
        Animation 407
      </li>
      <li
        data-index="407"
      >
        Animation 408
      </li>
      <li
        data-index="408"
      >
        Animation 409
      </li>
      <li
        data-index="409"
      >
        Animation 410
      </li>
      <li
        data-index="410"
      >
        Animation 411
      </li>
      <li
        data-index="411"
      >
        Animation 412
      </li>
      <li
        data-index="412"
      >
        Animation 413
      </li>
      <li
        data-index="413"
      >
        Animation 414
      </li>
      <li
        data-index="414"
      >
        Animation 415
      </li>
      <li
        data-index="415"
      >
        Animation 416
      </li>
      <li
        data-index="416"
      >
        Animation 417
      </li>
      <li
        data-index="417"
      >
        Animation 418
      </li>
      <li
        data-index="418"
      >
        Animation 419
      </li>
      <li
        data-index="419"
      >
        Animation 420
      </li>
      <li
        data-index="420"
      >
        Animation 421
      </li>
      <li
        data-index="421"
      >
        Animation 422
      </li>
      <li
        data-index="422"
      >
        Animation 423
      </li>
      <li
        data-index="423"
      >
        Animation 424
      </li>
      <li
        data-index="424"
      >
        Animation 425
      </li>
      <li
        data-index="425"
      >
        Animation 426
      </li>
      <li
        data-index="426"
      >
        Animation 427
      </li>
      <li
        data-index="427"
      >
        Animation 428
      </li>
      <li
        data-index="428"
      >
        Animation 429
      </li>
      <li
        data-index="429"
      >
        Animation 430
      </li>
      <li
        data-index="430"
      >
        Animation 431
      </li>
      <li
        data-index="431"
      >
        Animation 432
      </li>
      <li
        data-index="432"
      >
        Animation 433
      </li>
      <li
        data-index="433"
      >
        Animation 434
      </li>
      <li
        data-index="434"
      >
        Animation 435
      </li>
      <li
        data-index="435"
      >
        Animation 436
      </li>
      <li
        data-index="436"
      >
        Animation 437
      </li>
      <li
        data-index="437"
      >
        Animation 438
      </li>
      <li
        data-index="438"
      >
        Animation 439
      </li>
      <li
        data-index="439"
      >
        Animation 440
      </li>
      <li
        data-index="440"
      >
        Animation 441
      </li>
      <li
        data-index="441"
      >
        Animation 442
      </li>
      <li
        data-index="442"
      >
        Animation 443
      </li>
      <li
        data-index="443"
      >
        Animation 444
      </li>
      <li
        data-index="444"
      >
        Animation 445
      </li>
      <li
        data-index="445"
      >
        Animation 446
      </li>
      <li
        data-index="446"
      >
        Animation 447
      </li>
      <li
        data-index="447"
      >
        Animation 448
      </li>
      <li
        data-index="448"
      >
        Animation 449
      </li>
      <li
        data-index="449"
      >
        Animation 450
      </li>
      <li
        data-index="450"
      >
        Animation 451
      </li>
      <li
        data-index="451"
      >
        Animation 452
      </li>
      <li
        data-index="452"
      >
        Animation 453
      </li>
      <li
        data-index="453"
      >
        Animation 454
      </li>
      <li
        data-index="454"
      >
        Animation 455
      </li>
      <li
        data-index="455"
      >
        Animation 456
      </li>
      <li
        data-index="456"
      >
        Animation 457
      </li>
      <li
        data-index="457"
      >
        Animation 458
      </li>
      <li
        data-index="458"
      >
        Animation 459
      </li>
      <li
        data-index="459"
      >
        Animation 460
      </li>
      <li
        data-index="460"
      >
        Animation 461
      </li>
      <li
        data-index="461"
      >
        Animation 462
      </li>
      <li
        data-index="462"
      >
        Animation 463
      </li>
      <li
        data-index="463"
      >
        Animation 464
      </li>
      <li
        data-index="464"
      >
        Animation 465
      </li>
      <li
        data-index="465"
      >
        Animation 466
      </li>
      <li
        data-index="466"
      >
        Animation 467
      </li>
      <li
        data-index="467"
      >
        Animation 468
      </li>
      <li
        data-index="468"
      >
        Animation 469
      </li>
      <li
        data-index="469"
      >
        Animation 470
      </li>
      <li
        data-index="470"
      >
        Animation 471
      </li>
      <li
        data-index="471"
      >
        Animation 472
      </li>
      <li
        data-index="472"
      >
        Animation 473
      </li>
      <li
        data-index="473"
      >
        Animation 474
      </li>
      <li
        data-index="474"
      >
        Animation 475
      </li>
      <li
        data-index="475"
      >
        Animation 476
      </li>
      <li
        data-index="476"
      >
        Animation 477
      </li>
      <li
        data-index="477"
      >
        Animation 478
      </li>
      <li
        data-index="478"
      >
        Animation 479
      </li>
      <li
        data-index="479"
      >
        Animation 480
      </li>
      <li
        data-index="480"
      >
        Animation 481
      </li>
      <li
        data-index="481"
      >
        Animation 482
      </li>
      <li
        data-index="482"
      >
        Animation 483
      </li>
      <li
        data-index="483"
      >
        Animation 484
      </li>
      <li
        data-index="484"
      >
        Animation 485
      </li>
      <li
        data-index="485"
      >
        Animation 486
      </li>
      <li
        data-index="486"
      >
        Animation 487
      </li>
      <li
        data-index="487"
      >
        Animation 488
      </li>
      <li
        data-index="488"
      >
        Animation 489
      </li>
      <li
        data-index="489"
      >
        Animation 490
      </li>
      <li
        data-index="490"
      >
        Animation 491
      </li>
      <li
        data-index="491"
      >
        Animation 492
      </li>
      <li
        data-index="492"
      >
        Animation 493
      </li>
      <li
        data-index="493"
      >
        Animation 494
      </li>
      <li
        data-index="494"
      >
        Animation 495
      </li>
      <li
        data-index="495"
      >
        Animation 496
      </li>
      <li
        data-index="496"
      >
        Animation 497
      </li>
      <li
        data-index="497"
      >
        Animation 498
      </li>
      <li
        data-index="498"
      >
        Animation 499
      </li>
      <li
        data-index="499"
      >
        Animation 500
      </li>
      <li
        data-index="500"
      >
        Animation 501
      </li>
      <li
        data-index="501"
      >
        Animation 502
      </li>
      <li
        data-index="502"
      >
        Animation 503
      </li>
      <li
        data-index="503"
      >
        Animation 504
      </li>
      <li
        data-index="504"
      >
        Animation 505
      </li>
      <li
        data-index="505"
      >
        Animation 506
      </li>
      <li
        data-index="506"
      >
        Animation 507
      </li>
      <li
        data-index="507"
      >
        Animation 508
      </li>
      <li
        data-index="508"
      >
        Animation 509
      </li>
      <li
        data-index="509"
      >
        Animation 510
      </li>
      <li
        data-index="510"
      >
        Animation 511
      </li>
      <li
        data-index="511"
      >
        Animation 512
      </li>
      <li
        data-index="512"
      >
        Animation 513
      </li>
      <li
        data-index="513"
      >
        Animation 514
      </li>
      <li
        data-index="514"
      >
        Animation 515
      </li>
      <li
        data-index="515"
      >
        Animation 516
      </li>
      <li
        data-index="516"
      >
        Animation 517
      </li>
      <li
        data-index="517"
      >
        Animation 518
      </li>
      <li
        data-index="518"
      >
        Animation 519
      </li>
      <li
        data-index="519"
      >
        Animation 520
      </li>
      <li
        data-index="520"
      >
        Animation 521
      </li>
      <li
        data-index="521"
      >
        Animation 522
      </li>
      <li
        data-index="522"
      >
        Animation 523
      </li>
      <li
        data-index="523"
      >
        Animation 524
      </li>
      <li
        data-index="524"
      >
        Animation 525
      </li>
      <li
        data-index="525"
      >
        Animation 526
      </li>
      <li
        data-index="526"
      >
        Animation 527
      </li>
      <li
        data-index="527"
      >
        Animation 528
      </li>
      <li
        data-index="528"
      >
        Animation 529
      </li>
      <li
        data-index="529"
      >
        Animation 530
      </li>
      <li
        data-index="530"
      >
        Animation 531
      </li>
      <li
        data-index="531"
      >
        Animation 532
      </li>
      <li
        data-index="532"
      >
        Animation 533
      </li>
      <li
        data-index="533"
      >
        Animation 534
      </li>
      <li
        data-index="534"
      >
        Animation 535
      </li>
      <li
        data-index="535"
      >
        Animation 536
      </li>
      <li
        data-index="536"
      >
        Animation 537
      </li>
      <li
        data-index="537"
      >
        Animation 538
      </li>
      <li
        data-index="538"
      >
        Animation 539
      </li>
      <li
        data-index="539"
      >
        Animation 540
      </li>
      <li
        data-index="540"
      >
        Animation 541
      </li>
      <li
        data-index="541"
      >
        Animation 542
      </li>
      <li
        data-index="542"
      >
        Animation 543
      </li>
      <li
        data-index="543"
      >
        Animation 544
      </li>
      <li
        data-index="544"
      >
        Animation 545
      </li>
      <li
        data-index="545"
      >
        Animation 546
      </li>
      <li
        data-index="546"
      >
        Animation 547
      </li>
      <li
        data-index="547"
      >
        Animation 548
      </li>
      <li
        data-index="548"
      >
        Animation 549
      </li>
      <li
        data-index="549"
      >
        Animation 550
      </li>
      <li
        data-index="550"
      >
        Animation 551
      </li>
      <li
        data-index="551"
      >
        Animation 552
      </li>
      <li
        data-index="552"
      >
        Animation 553
      </li>
      <li
        data-index="553"
      >
        Animation 554
      </li>
      <li
        data-index="554"
      >
        Animation 555
      </li>
      <li
        data-index="555"
      >
        Animation 556
      </li>
      <li
        data-index="556"
      >
        Animation 557
      </li>
      <li
        data-index="557"
      >
        Animation 558
      </li>
      <li
        data-index="558"
      >
        Animation 559
      </li>
      <li
        data-index="559"
      >
        Animation 560
      </li>
      <li
        data-index="560"
      >
        Animation 561
      </li>
      <li
        data-index="561"
      >
        Animation 562
      </li>
      <li
        data-index="562"
      >
        Animation 563
      </li>
      <li
        data-index="563"
      >
        Animation 564
      </li>
      <li
        data-index="564"
      >
        Animation 565
      </li>
      <li
        data-index="565"
      >
        Animation 566
      </li>
      <li
        data-index="566"
      >
        Animation 567
      </li>
      <li
        data-index="567"
      >
        Animation 568
      </li>
      <li
        data-index="568"
      >
        Animation 569
      </li>
      <li
        data-index="569"
      >
        Animation 570
      </li>
      <li
        data-index="570"
      >
        Animation 571
      </li>
      <li
        data-index="571"
      >
        Animation 572
      </li>
    </ul>
  </div>
</div>
`;