.cell {
    line-height:100px;
    width:100px;
    font-size:1.5em;
    text-align:center;
    border:1px solid #ddd;
    float:left;
}

.repeat-animation {
    position:relative;
}

.repeat-animation.ng-enter-stagger,
.repeat-animation.ng-leave-stagger,
.repeat-animation.ng-move-stagger {
    /* notice how we're using animation instead of transition here */
    -webkit-animation-delay:0.8s;
    animation-delay:0.8s;

    /* yes we still need to do this too */
    -webkit-animation-duration:0;
    animation-duration:0;
}

.repeat-animation.ng-move,
.repeat-animation.ng-enter {
    opacity:0;
    -webkit-animation:enter_animation 1.0s;
    animation:enter_animation 1.0s;
}

.repeat-animation.ng-leave {
    -webkit-animation:leave_animation 1.0s;
    animation:leave_animation 1.0s;
}

@-webkit-keyframes enter_animation {
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes enter_animation {
    from { opacity:0; }
    to { opacity:1; }
}

@-webkit-keyframes leave_animation {
    from { opacity:1; }
    to { opacity:0; }
}

@keyframes leave_animation {
    from { opacity:1; }
    to { opacity:0; }
}



.slide-toggle {
    -webkit-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -ms-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    /* easeOutQuad */
}
/* line 165, ../sass/ng-animation.scss */
.slide-toggle.ng-enter {
    transform: translateX(260px);
    -ms-transform: translateX(260px);
    -webkit-transform: translateX(260px);
    transition-duration: 650ms;
    -webkit-transition-duration: 650ms;
    opacity: 0;
}
/* line 171, ../sass/ng-animation.scss */
.slide-toggle.ng-enter-active {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
/* line 176, ../sass/ng-animation.scss */
.slide-toggle.ng-leave {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-duration: 650ms;
    -webkit-transition-duration: 650ms;
    opacity: 1;
}
/* line 182, ../sass/ng-animation.scss */
.slide-toggle.ng-leave-active {
    transform: translateX(-260px);
    -ms-transform: translateX(-260px);
    -webkit-transform: translateX(-260px);
    opacity: 0;
}
/* line 188, ../sass/ng-animation.scss */
.slide-toggle.ng-hide-add {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    transition-duration: 650ms;
    -webkit-transition-duration: 650ms;
    opacity: 1;
}
/* line 193, ../sass/ng-animation.scss */
.slide-toggle.ng-hide-add.ng-hide-add-active {
    transform: translateX(560px);
    -ms-transform: translateX(560px);
    -webkit-transform: translateX(560px);
    opacity: 0;
}
/* line 199, ../sass/ng-animation.scss */
.slide-toggle.ng-hide-remove {
    transform: translateX(-560px);
    -ms-transform: translateX(-560px);
    -webkit-transform: translateX(-560px);
    transition-duration: 650ms;
    -webkit-transition-duration: 650ms;
    display: block !important;
    opacity: 0;
}
/* line 205, ../sass/ng-animation.scss */
.slide-toggle.ng-hide-remove.ng-hide-remove-active {
    transform: translateX(0);
    -ms-transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}