1.loading-container {
2  position: relative;
3  width: 100px;
4  height: 100px;
5}
6
7.loader {
8  width: 100px;
9  height: 100px;
10  border: 10px solid transparent;
11  border-top-color: #fff;
12  border-radius: 50%;
13  animation: spin 1s linear infinite;
14}
15
16.spinner {
17  position: absolute;
18  top: 50%;
19  left: 50%;
20  transform: translate(-50%, -50%);
21  width: 50px;
22  height: 50px;
23  background-color: #fff;
24  border-radius: 50%;
25  animation: pulse 1.5s infinite alternate;
26}
27
28@keyframes spin {
29  to {
30    transform: rotate(360deg);
31  }
32}
33
34@keyframes pulse {
35  from {
36    transform: scale(1);
37    opacity: 1;
38  }
39  to {
40    transform: scale(1.2);
41    opacity: 0.5;
42  }
43}
44