.lh-loading-parent--relative {
  position: relative!important;
}
.lh-loading-parent--hidden {
  overflow: hidden !important;
}
.lh-loading-mask {
  position: absolute;
  z-index: 3000;
  background-color: hsla(0,0%,100%,.9);
  margin: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity .3s;
  .lh-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    text-align: center;
    position: absolute;
    .circular {
      height: 42px;
      width: 42px;
      animation: loading-rotate 2s linear infinite;
    }
    .path {
      animation: loading-dash 1.5s ease-in-out infinite;
      stroke-dasharray: 90,150;
      stroke-dashoffset: 0;
      stroke-width: 2px;
      stroke: #409eff;
      stroke-linecap: round;
    }
    i {
      color: #409eff;
    }
    .lh-loading-icon-wapper {
      display: inline-block;
      width: 20px;
      animation: rotating 2s linear infinite;
    }
    @keyframes rotating {
      0% {
        transform: rotate(0deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }
    .lh-loading-text {
      color: #409eff;
      margin: 3px 0;
      font-size: 14px;
    }
  }

  .lh-loading-fade-enter,
  .lh-loading-fade-leave-active {
    opacity: 0;
  }

  @keyframes loading-rotate {
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes loading-dash {
    0% {
      stroke-dasharray: 1, 200;
      stroke-dashoffset: 0;
    }
    50% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -40px;
    }
    100% {
      stroke-dasharray: 90, 150;
      stroke-dashoffset: -120px;
    }
  }
}