.loading-wrapper {
    position: relative;
  }
  
  .loading-wrapper>span {
    vertical-align: middle;
    display: inline-block;
    color: #000;
  }
  
  .loading-wrapper>svg {
    vertical-align: middle;
    display: inline-block;
  }
  
  #dots #dot1 {
    animation: load 1s infinite;
  }
  
  #dots #dot2 {
    animation: load 1s infinite;
    animation-delay: 0.2s;
  }
  
  #dots #dot3 {
    animation: load 1s infinite;
    animation-delay: 0.4s;
  }
  
  @keyframes load {
    0% {
      opacity: 0;
    }
  
    50% {
      opacity: 1;
    }
  
    100% {
      opacity: 0;
    }
  }