.loading {
  position: fixed; top:0; left:0; right: 0; bottom: 0; z-index: 1999999; background: #000000cc; display: flex; align-items: center; justify-content: center;

  svg {
    width: 80px; height: 80px; animation: loading-fade 2s infinite;
    .loading-dash {
      animation: loading-dash .3s infinite linear; stroke-dasharray: 10px;
    }
  }

  @keyframes loading-fade {
    from {
      opacity: 0; animation-timing-function: ease-out;
    }
    50% {
      opacity: 1;
      transform: scale(1.1);
    }
    to {
      opacity: 0; animation-timing-function: ease-in;
    }
  }
  @keyframes loading-dash {
    from {
      stroke-dashoffset: 20px;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
}