svg.loading
  display: block
  position: absolute
  color: var(--text-p3)
  z-index: -1
  width: 100%
  height: 2rem
  margin: auto
  animation: spin infinite 2s
  animation-timing-function: linear
  @keyframes spin
    from
      transform:rotate(0deg)
    to
      transform:rotate(360deg)

.loading-wrap
  margin: 0
  text-align: center
  align-content: center
  background: var(--block)
  border-radius: $border-card
  position relative
  padding: 2rem
  svg,
  .lazy-icon
    margin: 4px
  .lazy-icon
    display: inline-block
  &:after 
    content: hexo-config('style.loading.loading')
    color: var(--text-p1)
    display: block
    font-size: 14px
  &.error
    &:after
      content: hexo-config('style.loading.error')

.article-footer
  .loading-wrap
    background: none