<div class="VuetifyApp">
  <div data-app="true"
    class="v-application v-application--is-ltr theme--light"
    id="UserSettingNotifications">
    <script type="text/javascript">
      require(['PORTLET/social-portlet/UserSettingNotifications'],
        app => app.init()
      );
    </script>
    <div class="v-application--wrap">
      <div
        class="ma-4 border-radius v-card v-card--flat v-sheet theme--light">
        <div role="list"
          class="v-list v-sheet v-sheet--tile theme--light">
          <div tabindex="-1" role="listitem"
            class="v-list-item theme--light">
            <div class="v-list-item__content">
              <div class="v-list-item__title title text-color">
                <div
                  class="skeleton-background skeleton-border-radius skeleton-text-width skeleton-text-height my-2">
                  &nbsp;</div>
              </div>
            </div>
          </div>
          <div>
            <div tabindex="-1" role="listitem"
              class="v-list-item v-list-item--two-line theme--light">
              <div class="v-list-item__content">
                <div class="v-list-item__title text-color">
                  <div
                    class="skeleton-background skeleton-border-radius skeleton-text-width skeleton-text-height my-2">
                    &nbsp;</div>
                </div>
                <div class="v-list-item__subtitle text-sub-title">
                  <div
                    class="skeleton-background skeleton-border-radius skeleton-text-width-small skeleton-text-height-fine my-2">
                    &nbsp;</div>
                </div>
              </div>
              <div class="v-list-item__action">
                <div
                  class="v-input v-input--is-label-active v-input--is-dirty theme--light v-input--selection-controls v-input--switch v-input--switch--inset primary--text skeleton-background skeleton-child-hidden skeleton-border-radius-rounded">
                  <div class="v-input__control">
                    <div class="v-input__slot">
                      <div class="v-input--selection-controls__input">
                        <input aria-checked="true" id="input-248"
                          role="switch" type="checkbox"
                          aria-disabled="false" value="">
                        <div
                          class="v-input--selection-controls__ripple primary--text"></div>
                        <div
                          class="v-input--switch__track theme--light primary--text"></div>
                        <div
                          class="v-input--switch__thumb theme--light primary--text">
                          <!---->
                        </div>
                      </div>
                    </div>
                    <div class="v-messages theme--light primary--text">
                      <div class="v-messages__wrapper"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <hr role="separator" aria-orientation="horizontal"
              class="mx-4 v-divider theme--light">
          </div>
          <div>
            <div tabindex="-1" role="listitem"
              class="v-list-item v-list-item--two-line theme--light">
              <div class="v-list-item__content">
                <div class="v-list-item__title text-color">
                  <div
                    class="skeleton-background skeleton-border-radius skeleton-text-width skeleton-text-height my-2">
                    &nbsp;</div>
                </div>
                <div class="v-list-item__subtitle text-sub-title">
                  <div
                    class="skeleton-background skeleton-border-radius skeleton-text-width-small skeleton-text-height-fine my-2">
                    &nbsp;</div>
                </div>
              </div>
              <div class="v-list-item__action">
                <div
                  class="v-input v-input--is-label-active v-input--is-dirty theme--light v-input--selection-controls v-input--switch v-input--switch--inset primary--text skeleton-background skeleton-child-hidden skeleton-border-radius-rounded">
                  <div class="v-input__control">
                    <div class="v-input__slot">
                      <div class="v-input--selection-controls__input">
                        <input aria-checked="true" id="input-255"
                          role="switch" type="checkbox"
                          aria-disabled="false" value="">
                        <div
                          class="v-input--selection-controls__ripple primary--text"></div>
                        <div
                          class="v-input--switch__track theme--light primary--text"></div>
                        <div
                          class="v-input--switch__thumb theme--light primary--text">
                          <!---->
                        </div>
                      </div>
                    </div>
                    <div class="v-messages theme--light primary--text">
                      <div class="v-messages__wrapper"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <hr role="separator" aria-orientation="horizontal"
              class="mx-4 v-divider theme--light">
          </div>
          <div>
            <div tabindex="-1" role="listitem"
              class="v-list-item v-list-item--two-line theme--light">
              <div class="v-list-item__content">
                <div class="v-list-item__title text-color">
                  <div
                    class="skeleton-background skeleton-border-radius skeleton-text-width skeleton-text-height my-2">
                    &nbsp;</div>
                </div>
                <div class="v-list-item__subtitle text-sub-title">
                  <div
                    class="skeleton-background skeleton-border-radius skeleton-text-width-small skeleton-text-height-fine my-2">
                    &nbsp;</div>
                </div>
              </div>
              <div class="v-list-item__action">
                <div
                  class="v-input v-input--is-label-active v-input--is-dirty theme--light v-input--selection-controls v-input--switch v-input--switch--inset primary--text skeleton-background skeleton-child-hidden skeleton-border-radius-rounded">
                  <div class="v-input__control">
                    <div class="v-input__slot">
                      <div class="v-input--selection-controls__input">
                        <input aria-checked="true" id="input-262"
                          role="switch" type="checkbox"
                          aria-disabled="false" value="">
                        <div
                          class="v-input--selection-controls__ripple primary--text"></div>
                        <div
                          class="v-input--switch__track theme--light primary--text"></div>
                        <div
                          class="v-input--switch__thumb theme--light primary--text">
                          <!---->
                        </div>
                      </div>
                    </div>
                    <div class="v-messages theme--light primary--text">
                      <div class="v-messages__wrapper"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <hr role="separator" aria-orientation="horizontal"
              class="mx-4 v-divider theme--light">
          </div>
          <div tabindex="-1" role="listitem"
            class="v-list-item theme--light">
            <div class="v-list-item__content">
              <div class="v-list-item__title title text-color">
                <div
                  class="skeleton-background skeleton-border-radius skeleton-text-width skeleton-text-height my-2">
                  &nbsp;</div>
              </div>
            </div>
            <div class="v-list-item__action">
              <button type="button"
                class="v-btn v-btn--flat v-btn--icon v-btn--round theme--light v-size--small skeleton-background">
                <span class="v-btn__content"></span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>