fl-loading-indicator .dots-container {
  width: 36px;
}
fl-loading-indicator .dot-flashing.theme-default {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #66efc5;
  color: #9880ff;
  animation: dot-flashing-default 2s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dot-flashing-default {
  0% {
    background-color: #66efc5;
  }
  25% {
    background-color: #12aa7c;
  }
  50%, 100% {
    background-color: #66efc5;
  }
}
fl-loading-indicator .dot-flashing.theme-default::before, fl-loading-indicator .dot-flashing.theme-default::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
fl-loading-indicator .dot-flashing.theme-default::before {
  left: -12px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #66efc5;
  color: #9880ff;
  animation: dot-flashing-default 2s infinite linear;
  animation-delay: 0s;
}
@keyframes dot-flashing-default {
  0% {
    background-color: #66efc5;
  }
  25% {
    background-color: #12aa7c;
  }
  50%, 100% {
    background-color: #66efc5;
  }
}
fl-loading-indicator .dot-flashing.theme-default::after {
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #66efc5;
  color: #9880ff;
  animation: dot-flashing-default 2s infinite linear;
  animation-delay: 1s;
}
@keyframes dot-flashing-default {
  0% {
    background-color: #66efc5;
  }
  25% {
    background-color: #12aa7c;
  }
  50%, 100% {
    background-color: #66efc5;
  }
}
fl-loading-indicator .dot-flashing.theme-dark {
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #a7a7a7;
  color: #9880ff;
  animation: dot-flashing-dark 2s infinite linear;
  animation-delay: 0.5s;
}
@keyframes dot-flashing-dark {
  0% {
    background-color: #a7a7a7;
  }
  25% {
    background-color: #5b5a5a;
  }
  50%, 100% {
    background-color: #a7a7a7;
  }
}
fl-loading-indicator .dot-flashing.theme-dark::before, fl-loading-indicator .dot-flashing.theme-dark::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}
fl-loading-indicator .dot-flashing.theme-dark::before {
  left: -12px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #a7a7a7;
  color: #9880ff;
  animation: dot-flashing-dark 2s infinite linear;
  animation-delay: 0s;
}
@keyframes dot-flashing-dark {
  0% {
    background-color: #a7a7a7;
  }
  25% {
    background-color: #5b5a5a;
  }
  50%, 100% {
    background-color: #a7a7a7;
  }
}
fl-loading-indicator .dot-flashing.theme-dark::after {
  left: 12px;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: #a7a7a7;
  color: #9880ff;
  animation: dot-flashing-dark 2s infinite linear;
  animation-delay: 1s;
}
@keyframes dot-flashing-dark {
  0% {
    background-color: #a7a7a7;
  }
  25% {
    background-color: #5b5a5a;
  }
  50%, 100% {
    background-color: #a7a7a7;
  }
}