.loadingBox {
  :global {
    .easyv-spin-dot {
      width: 50px;
      height: 50px;
    }

    .easyv-spin-dot-spin {
      animation: antRotate 1.8s infinite linear;
    }

    .easyv-spin-dot-item {
      width: 24px;
      height: 24px;
      animation: unset;
      opacity: 1;

      &:nth-child(1) {
        background-color: #1059b7;
      }

      &:nth-child(2) {
        background-color: #87b7ff;
      }

      &:nth-child(3) {
        background-color: #67a4ff;
      }

      &:nth-child(4) {
        background-color: #3a89fe;
      }
    }

    .easyv-spin-text {
      font-size: 16px;
      font-weight: 600;
      color: #fff;
      line-height: 28px;
      margin: 20px 0 12px;
    }
  }
}
