.svg-loader{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 200000;
  background: rgb(27 27 27 / 39%);
  left: 0;
  top: 0;
}
.svg-loader-app{
  background: #151c2f;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
.svg-loader svg {
  position: absolute;
  top:35%;
}
.loader-svg{
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  fill: none;
  stroke-width: 5px;
  stroke-linecap: round;
  stroke: rgb(48, 152, 68);
}
.loader-svg.bg{
  stroke-width: 8px;
  stroke: rgb(201, 222, 205);
}
.svg-loader-animate{
  stroke-dasharray: 242.6;
  animation: fill-animation 1s cubic-bezier(1,1,1,1) 0s infinite;
}

@keyframes fill-animation{
  0%{
    stroke-dasharray: 40 242.6;
    stroke-dashoffset: 0;
  }
  50%{
    stroke-dasharray: 141.3;
    stroke-dashoffset: 141.3;
  }
  100%{
    stroke-dasharray: 40 242.6;
    stroke-dashoffset: 282.6;
  }
}