/**********************************
 *	Project		Baller loader     *
 *  Build 		04 Jan, 2018      *
 * 	Author		Dariusz Szymczyk  *
 **********************************/
.baller {
  height: 40px;
  display: inline-block; }
  .baller .ball {
    float: left;
    position: relative;
    top: calc(100% - 10px);
    width: 10px;
    height: 10px;
    margin-right: 5px; }
    .baller .ball:last-child {
      margin-right: 0; }
    .baller .ball:after {
      content: "";
      width: 10px;
      height: 10px;
      border-radius: 5px;
      position: absolute;
      bottom: 30px;
      animation: jumping 0.9s cubic-bezier(0.83, 0.03, 1, 1) alternate infinite, deformationing 0.9s cubic-bezier(0.02, 0.68, 0.55, 1) alternate infinite, coloring 0.9s ease-out alternate infinite; }
    .baller .ball:before {
      content: "";
      width: 10px;
      height: 2.5px;
      border-radius: 50%;
      position: absolute;
      bottom: -1.25px;
      animation: shadowing 0.9s cubic-bezier(0.83, 0.03, 1, 1) alternate infinite; }
    .baller .ball:nth-child(1):after, .baller .ball:nth-child(1):before {
      animation-delay: -14.4s; }
    .baller .ball:nth-child(2):after, .baller .ball:nth-child(2):before {
      animation-delay: -14.1s; }
    .baller .ball:nth-child(3):after, .baller .ball:nth-child(3):before {
      animation-delay: -13.8s; }
    .baller .ball:nth-child(4):after, .baller .ball:nth-child(4):before {
      animation-delay: -13.5s; }
    .baller .ball:nth-child(5):after, .baller .ball:nth-child(5):before {
      animation-delay: -13.2s; }
    .baller .ball:nth-child(6):after, .baller .ball:nth-child(6):before {
      animation-delay: -12.9s; }
    .baller .ball:nth-child(7):after, .baller .ball:nth-child(7):before {
      animation-delay: -12.6s; }
    .baller .ball:nth-child(8):after, .baller .ball:nth-child(8):before {
      animation-delay: -12.3s; }
    .baller .ball:nth-child(9):after, .baller .ball:nth-child(9):before {
      animation-delay: -12s; }
    .baller .ball:nth-child(10):after, .baller .ball:nth-child(10):before {
      animation-delay: -11.7s; }
    .baller .ball:nth-child(11):after, .baller .ball:nth-child(11):before {
      animation-delay: -11.4s; }
    .baller .ball:nth-child(12):after, .baller .ball:nth-child(12):before {
      animation-delay: -11.1s; }
    .baller .ball:nth-child(13):after, .baller .ball:nth-child(13):before {
      animation-delay: -10.8s; }
    .baller .ball:nth-child(14):after, .baller .ball:nth-child(14):before {
      animation-delay: -10.5s; }
    .baller .ball:nth-child(15):after, .baller .ball:nth-child(15):before {
      animation-delay: -10.2s; }
    .baller .ball:nth-child(16):after, .baller .ball:nth-child(16):before {
      animation-delay: -9.9s; }

@keyframes jumping {
  0% {
    bottom: 30px; }
  93%, 100% {
    bottom: 0; } }
@keyframes deformationing {
  0%,93% {
    border-radius: 5px;
    height: 10px; }
  100% {
    border-radius: 5px 5px 1px 1px / 4px 4px 2px 2px;
    height: 6px; } }
@keyframes coloring {
  0% {
    background-color: #ccff33; }
  93%, 100% {
    background-color: #6b89e6; } }
@keyframes shadowing {
  0% {
    transform: scale(0.5);
    opacity: 0.01;
    background-color: #ccff33; }
  93%, 100% {
    transform: scale(1);
    opacity: 0.5;
    background-color: #6b89e6; } }

/*# sourceMappingURL=baller.css.map */