/doc/statistics/order/beanmachine-multistage/x-bounces.css (syntax-highlighted preview)

@keyframes bounceX12345678 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(24em, 0, 0) }
    88% { transform: translate3d(28em, 0, 0) }
    100% { transform: translate3d(32em, 0, 0) }
    
}@keyframes bounceX12345676 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(24em, 0, 0) }
    88% { transform: translate3d(28em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX12345656 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(24em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX12345654 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(24em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12345456 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX12345454 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12345434 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12345432 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(20em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12343456 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX12343454 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12343434 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12343432 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12343234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12343232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12343212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12343210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(16em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX12323456 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX12323454 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12323434 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12323432 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12323234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12323232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12323212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12323210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX12321234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12321232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12321212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12321210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX12321012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12321010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX123210m10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX123210m1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(12em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX12123456 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX12123454 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12123434 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12123432 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12123234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12123232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12123212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12123210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX12121234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12121232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12121212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12121210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX12121012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12121010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX121210m10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX121210m1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX12101234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX12101232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12101212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12101210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX12101012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX12101010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX121010m10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX121010m1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1210m1012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX1210m1010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX1210m10-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX1210m10-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1210m1-2-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX1210m1-2-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1210m1-2-3-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1210m1-2-3-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(8em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10123456 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceX10123454 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX10123434 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX10123432 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10123234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX10123232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10123212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10123210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10121234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX10121232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10121212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10121210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10121012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10121010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX101210m10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX101210m1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10101234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX10101232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10101212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10101210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10101012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10101010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX101010m10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX101010m1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1010m1012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX1010m1010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX1010m10-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX1010m10-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1010m1-2-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX1010m1-2-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1010m1-2-3-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX1010m1-2-3-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10m101234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceX10m101232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10m101212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10m101210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m101012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10m101010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m1010-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m1010-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m10-1012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10m10-1010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m10-10-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m10-10-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m10-1-2-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m10-1-2-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m10-1-2-3-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m10-1-2-3-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10m1-2-1012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-1010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m1-2-10-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m1-2-10-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-1-2-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m1-2-1-2-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-1-2-3-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-1-2-3-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-2-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-2-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-2-3-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-2-3-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-8em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-4-3-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-16em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-4-3-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-16em, 0, 0) }
    88% { transform: translate3d(-12em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-4-5-4 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-16em, 0, 0) }
    88% { transform: translate3d(-20em, 0, 0) }
    100% { transform: translate3d(-16em, 0, 0) }
    
}

@keyframes bounceX10m1-2-3-4-5-6 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(-4em, 0, 0) }
    50% { transform: translate3d(-8em, 0, 0) }
    63% { transform: translate3d(-12em, 0, 0) }
    75% { transform: translate3d(-16em, 0, 0) }
    88% { transform: translate3d(-20em, 0, 0) }
    100% { transform: translate3d(-24em, 0, 0) }
    
}

@keyframes bounceXm10123456 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(24em, 0, 0) }
    
}

@keyframes bounceXm10123454 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(20em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceXm10123434 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceXm10123432 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(16em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10123234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceXm10123232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10123212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10123210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(12em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm10121234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceXm10121232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10121212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10121210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm10121012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10121010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm101210-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm101210-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(8em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceXm10101234 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(16em, 0, 0) }
    
}

@keyframes bounceXm10101232 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(12em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10101212 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10101210 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(8em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm10101012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm10101010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm101010-10 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}

@keyframes bounceXm101010-1-2 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(-4em, 0, 0) }
    100% { transform: translate3d(-8em, 0, 0) }
    
}

@keyframes bounceXm1010-1012 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(8em, 0, 0) }
    
}

@keyframes bounceXm1010-1010 {
    0% { transform: translate3d(0, 0, 0);  }
    13% { transform: translate3d(-4em, 0, 0) }
    25% { transform: translate3d(0em, 0, 0) }
    38% { transform: translate3d(4em, 0, 0) }
    50% { transform: translate3d(0em, 0, 0) }
    63% { transform: translate3d(-4em, 0, 0) }
    75% { transform: translate3d(0em, 0, 0) }
    88% { transform: translate3d(4em, 0, 0) }
    100% { transform: translate3d(0em, 0, 0) }
    
}