1.loader {
2  position: absolute;
3  top: 0;
4  bottom: 0;
5  left: 0;
6  right: 0;
7}
8
9.jimu-primary-loading:before,
10.jimu-primary-loading:after {
11  position: absolute;
12  top: 0;
13  content: '';
14}
15
16.jimu-primary-loading:before {
17  left: -19.992px;
18}
19
20.jimu-primary-loading:after {
21  left: 19.992px;
22  -webkit-animation-delay: 0.32s !important;
23  animation-delay: 0.32s !important;
24}
25
26.jimu-primary-loading:before,
27.jimu-primary-loading:after,
28.jimu-primary-loading {
29  background: #076fe5;
30  -webkit-animation: loading-keys-app-loading 0.8s infinite ease-in-out;
31  animation: loading-keys-app-loading 0.8s infinite ease-in-out;
32  width: 13.6px;
33  height: 32px;
34}
35
36.jimu-primary-loading {
37  text-indent: -9999em;
38  margin: auto;
39  position: absolute;
40  right: calc(50% - 6.8px);
41  top: calc(50% - 16px);
42  -webkit-animation-delay: 0.16s !important;
43  animation-delay: 0.16s !important;
44}
45
46@-webkit-keyframes loading-keys-app-loading {
47
48  0%,
49  80%,
50  100% {
51    opacity: .75;
52    box-shadow: 0 0 #076fe5;
53    height: 32px;
54  }
55
56  40% {
57    opacity: 1;
58    box-shadow: 0 -8px #076fe5;
59    height: 40px;
60  }
61}
62
63@keyframes loading-keys-app-loading {
64
65  0%,
66  80%,
67  100% {
68    opacity: .75;
69    box-shadow: 0 0 #076fe5;
70    height: 32px;
71  }
72
73  40% {
74    opacity: 1;
75    box-shadow: 0 -8px #076fe5;
76    height: 40px;
77  }
78}