.loader span, .loader::before, .loader::after {
  -webkit-animation: zoom--second-dot 1s infinite ease-in-out;
  animation: zoom--second-dot 1s infinite ease-in-out;
  border-radius: 50%;
  background: #2175d9;
  display: inline-block;
  height: 18px;
  width: 18px; }

.loader::before {
  -webkit-animation-name: zoom--first-dot;
  animation-name: zoom--first-dot;
  content: ''; }

.loader::after {
  -webkit-animation-name: zoom--third-dot;
  animation-name: zoom--third-dot;
  content: ''; }

.loader:hover span, .loader:hover::before, .loader:hover::after {
  background: #f7f5f0; }

/*# sourceMappingURL=dots.css.map */
