
/*!
 * three-dots - v0.2.1
 * CSS loading animation made by single element.
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */
@charset "UTF-8";



/**
 * ==============================================
 * Dot Typing
 * ==============================================
 */
.dot-typing {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #243a66;
  color: #243a66;
  box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  -webkit-animation: dot-typing 1.5s infinite linear;
  animation: dot-typing 1.5s infinite linear;
}

@-webkit-keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  50% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px -10px 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px -10px 0 0 #243a66;
  }
  100% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
}

@keyframes dot-typing {
  0% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  50% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px -10px 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px -10px 0 0 #243a66;
  }
  100% {
    box-shadow: 9984px 0 0 0 #243a66, 9999px 0 0 0 #243a66, 10014px 0 0 0 #243a66;
  }
}
