body {
      background-color: #fff;
  }

  body.antdDarkTheme {
      background-color: rgb(31, 30, 36);
  }

  #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1000;
      opacity: 1;
      transition: opacity 4s ease
  }

  #loader-wrapper #loader {
      display: block;
      position: relative;
      left: 50%;
      top: 50%;
      width: 150px;
      height: 150px;
      margin: -75px 0 0 -75px;
  }

  #loader:before,
  #loader:after {
      content: '';
      border-radius: 50%;
      position: absolute;
      inset: 0;
      box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.3) inset;
  }

  #loader:after {
      box-shadow: 0 2px 0 rgb(4, 0, 255) inset;
      animation: rotate 2s linear infinite;
  }

  body.antdDarkTheme #loader:after {
      box-shadow: 0 2px 0 rgb(255, 0, 0) inset;
  }

  @keyframes rotate {
      0% {
          transform: rotate(0)
      }

      100% {
          transform: rotate(360deg)
      }
  }