/*!
 * three-dots - v0.2.0
 * CSS loading animation made by single element.
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 * Released under MIT License
 */
 /* #9880ff */
 /* #38C0BA */
 @charset "UTF-8";
 /**
  * ==============================================
  * Dot Elastic
  * ==============================================
  */
 .dot-elastic {
   position: relative;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: #38C0BA;
   color: #38C0BA;
   animation: dot-elastic 1s infinite linear;
 }
 
 .dot-elastic::before, .dot-elastic::after {
   content: '';
   display: inline-block;
   position: absolute;
   top: 0;
 }
 
 .dot-elastic::before {
   left: -15px;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: #38C0BA;
   color: #38C0BA;
   animation: dot-elastic-before 1s infinite linear;
 }
 
 .dot-elastic::after {
   left: 15px;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: #38C0BA;
   color: #38C0BA;
   animation: dot-elastic-after 1s infinite linear;
 }
 
 @keyframes dot-elastic-before {
   0% {
     transform: scale(1, 1);
   }
   25% {
     transform: scale(1, 1.5);
   }
   50% {
     transform: scale(1, 0.67);
   }
   75% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(1, 1);
   }
 }
 
 @keyframes dot-elastic {
   0% {
     transform: scale(1, 1);
   }
   25% {
     transform: scale(1, 1);
   }
   50% {
     transform: scale(1, 1.5);
   }
   75% {
     transform: scale(1, 1);
   }
   100% {
     transform: scale(1, 1);
   }
 }
 
 @keyframes dot-elastic-after {
   0% {
     transform: scale(1, 1);
   }
   25% {
     transform: scale(1, 1);
   }
   50% {
     transform: scale(1, 0.67);
   }
   75% {
     transform: scale(1, 1.5);
   }
   100% {
     transform: scale(1, 1);
   }
 }