@use '../../scss/base/mixins' as *;

.loader {
  background: var(--blue);
  width: 200px;
  height: 100px;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
}

.loading {
  background: var(--white);
  float: left;
  height: 16px;
  width: 16px;
  margin: 42px 8px 0 8px;
  border-radius: 100%;
}

.loading-1 {
  margin-left: 60px;
  animation: bounceOut 1.4s infinite;
  animation-delay: 0.2s;
}

.loading-2 {
  animation: bounceOut 1.4s infinite;
  animation-delay: 0.4s;
}

.loading-3 {
  animation: bounceOut 1.4s infinite ease;
  animation-delay: 0.6s;
}