| .bouncing-loader { | |
| display: flex; | |
| justify-content: center; | |
| margin: 6px auto; | |
| } | |
| .bouncing-loader > div { | |
| width: 2px; | |
| height: 2px; | |
| margin: 1px 2px; | |
| border-radius: 50%; | |
| background-color: #bc0fdb; | |
| opacity: 1; | |
| animation: bouncing-loader 0.6s infinite alternate; | |
| } | |
| @keyframes bouncing-loader { | |
| to { | |
| opacity: 0.1; | |
| } | |
| } | |
| .bouncing-loader > div:nth-child(2) { | |
| animation-delay: 0.2s; | |
| } | |
| .bouncing-loader > div:nth-child(3) { | |
| animation-delay: 0.4s; | |
| } | |