.dot-loading[data-v-53dadf0f] {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
}
.dot-loading .dot[data-v-53dadf0f] {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.dot-loading .dot[data-v-53dadf0f]:not(:first-child) {
  margin-left: 5px;
}
.dot-loading .dot[data-v-53dadf0f]:first-child {
  background-color: #e15b64;
  animation: scale1-53dadf0f 1.5s linear infinite;
}
.dot-loading .dot[data-v-53dadf0f]:nth-child(2) {
  background-color: #f8b26a;
  animation: scale2-53dadf0f 1.5s linear infinite;
}
.dot-loading .dot[data-v-53dadf0f]:nth-child(3) {
  background-color: #abbd81;
  animation: scale3-53dadf0f 1.5s linear infinite;
}
.dot-loading .dot[data-v-53dadf0f]:nth-child(4) {
  background-color: #81a3bd;
  animation: scale4-53dadf0f 1.5s linear infinite;
}
@keyframes scale1-53dadf0f {
0% {
    transform: scale(.4);
}
20% {
    transform: scale(0);
}
65% {
    transform: scale(1);
}
75% {
    transform: scale(1);
}
to {
    transform: scale(.4);
}
}
@keyframes scale2-53dadf0f {
0% {
    transform: scale(.6);
}
30% {
    transform: scale(0);
}
75% {
    transform: scale(1);
}
85% {
    transform: scale(1);
}
to {
    transform: scale(.6);
}
}
@keyframes scale3-53dadf0f {
0% {
    transform: scale(.8);
}
40% {
    transform: scale(0);
}
85% {
    transform: scale(1);
}
95% {
    transform: scale(1);
}
to {
    transform: scale(.8);
}
}
@keyframes scale4-53dadf0f {
5% {
    transform: scale(1);
}
50% {
    transform: scale(0);
}
95% {
    transform: scale(1);
}
}