@keyframes tapped {
    0%      { transform: scale(.85,.85); }
    100%    { transform: scale(1,1); }
}

@keyframes fadeIn {
    0%      { opacity: 0; }
    100%    { opacity: 1; }
}
@keyframes fadeOut {
    0%      { opacity: 1; }
    100%    { opacity: 0; }
}

@keyframes scaleIn {
    0%      { transform: scale(0,0); }
    100%    { transform: scale(1,1); }
}
@keyframes scaleOut {
    0%      { transform: scale(1,1); }
    100%    { transform: scale(0,0); }
}
@keyframes scaleInFade {
    0%      { opacity:	0; transform: scale(0,0); }
    100%    { opacity:	1; transform: scale(1,1); }
}
@keyframes scaleOutFade {
    0%      { opacity:	1; transform: scale(1,1); }
    100%    { opacity:	0; transform: scale(0,0); }
}

@keyframes slideInFromTop {
    0%      { transform: translate3d(0,-110%,0); }
    100%    { transform: translate3d(0,0,0); }
}
@keyframes slideInFromBottom {
    0%      { transform: translate3d(0,110%,0); }
    100%    { transform: translate3d(0,0,0); }
}
@keyframes slideInFromLeft {
    0%      { transform: translate3d(-110%,0,0); }
    100%    { transform: translate3d(0,0,0); }
}
@keyframes slideInFromRight {
    0%      { transform: translate3d(110%,0,0); }
    100%    { transform: translate3d(0,0,0); }
}


.anim-fadein {
    animation:  fadeIn 150ms ease-in!important;
}
.anim-fadeout {
    animation:  fadeOut 150ms ease-out forwards!important;
}
.anim-scalein {
    animation:  scaleIn 250ms ease-in!important;
}
.anim-scaleout {
    animation:  scaleOut 250ms ease-out forwards!important;
}