1/* //codelessly loader style */
2.ui-loader {
3  display: inline-block;
4  width: 50px;
5  height: 50px;
6}
7
8.loader-blk {
9  color: #3f51b5;
10  animation: rotate-outer08 1.4s linear infinite;
11}
12
13.multiColor-loader {
14  display: block;
15  animation: color-anim08 1.4s infinite;
16}
17
18.loader-circle {
19  stroke: currentColor;
20}
21
22.MuiCircularProgress-circleStatic {
23  transition: stroke-dashoffset 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;
24}
25
26.loader-circle-animation {
27  animation: rotate-inner08 1.4s ease-in-out
28    infinite;
29  stroke-dasharray: 80px, 200px;
30  stroke-dashoffset: 0;
31}
32
33@keyframes rotate-outer08 {
34  0% {
35    transform-origin: 50% 50%;
36  }
37
38  100% {
39    transform: rotate(360deg);
40  }
41}
42
43@keyframes rotate-inner08 {
44  0% {
45    stroke-dasharray: 1px, 200px;
46    stroke-dashoffset: 0;
47  }
48
49  50% {
50    stroke-dasharray: 100px, 200px;
51    stroke-dashoffset: -15px;
52  }
53
54  100% {
55    stroke-dasharray: 100px, 200px;
56    stroke-dashoffset: -125px;
57  }
58}
59
60@keyframes color-anim08 {
61  0% {
62    color: #4285f4;
63  }
64
65  25% {
66    color: #ea4335;
67  }
68
69  50% {
70    color: #f9bb2d;
71  }
72
73  75% {
74    color: #34a853;
75  }
76}
77