1.pulsar {
2  --uib-size: 40px;
3  --uib-speed: 0.9s;
4  --uib-color: white;
5  position: relative;
6  height: var(--uib-size);
7  width: var(--uib-size);
8}
9
10.pulsar::before,
11.pulsar::after {
12  content: '';
13  position: absolute;
14  top: 0;
15  left: 0;
16  height: 100%;
17  width: 100%;
18  border-radius: 50%;
19  background-color: var(--uib-color);
20  animation: pulse9173412 var(--uib-speed) ease-in-out infinite;
21  transform: scale(0);
22}
23
24.pulsar::after {
25  animation-delay: calc(var(--uib-speed) / -2);
26}
27
28@keyframes pulse9173412 {
29  0%,
30  100% {
31    transform: scale(0);
32    opacity: 1;
33  }
34
35  50% {
36    transform: scale(1);
37    opacity: 0.25;
38  }
39}
40