.UpAsyncLoding {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);

  :global {
    .progressBox {
      position: absolute;
      top: 60%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 500px;
      height: 6px;
      border-radius: 3px;
      border: 1px solid var(--themeColor);
      overflow: hidden;

      #progress {
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: var(--themeColor);
      }

    }

    .closeUpBtn {
      position: absolute;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

  }
}