.anim-shake-x { animation-name: shake-x; }
.anim-shake-y { animation-name: shake-y; }
.anim-rotate  { animation-name: rotate; }

.anim-fade-in  { animation-name: fade-in; }
.anim-fade-out { animation-name: fade-out; }

.anim-fade-in-out  { animation-name: fade-in-out; }
.anim-fade-out-in  { animation-name: fade-out-in; }

.anim-slide-in-top    { animation-name: fade-in, slide-in-top; }
.anim-slide-in-bottom { animation-name: fade-in, slide-in-bottom; }
.anim-slide-in-left   { animation-name: fade-in, slide-in-left; }
.anim-slide-in-right  { animation-name: fade-in, slide-in-right; }

.anim-slide-out-top    { animation-name: fade-out, slide-out-top; }
.anim-slide-out-bottom { animation-name: fade-out, slide-out-bottom; }
.anim-slide-out-left   { animation-name: fade-out, slide-out-left; }
.anim-slide-out-right  { animation-name: fade-out, slide-out-right; }

.anim-scale-in  { animation-name: fade-in, scale-in; }
.anim-scale-out { animation-name: fade-out, scale-out; }

.anim-alert-auto  { animation: alert-auto 5s ease forwards; }
.anim-alert-enter { animation-name: alert-enter; }
.anim-alert-exit  { animation-name: alert-exit; }

.anim-reverse  { animation-direction: reverse; }
.anim-infinite { animation-iteration-count: infinite; }

.anim-0 { animation-duration: 0ms; }
.anim-100 { animation-duration: 100ms; }
.anim-200 { animation-duration: 200ms; }
.anim-300 { animation-duration: 300ms; }
.anim-400 { animation-duration: 400ms; }
.anim-500 { animation-duration: 500ms; }
.anim-600 { animation-duration: 600ms; }
.anim-700 { animation-duration: 700ms; }
.anim-800 { animation-duration: 800ms; }
.anim-900 { animation-duration: 900ms; }
.anim-1000 { animation-duration: 1000ms; }

.no-transition { transition: none !important; }
.no-transition::before { transition: none !important; }
.no-transition::after { transition: none !important; }
.no-animation { animation: none !important; }
.no-animation::before { animation: none !important; }
.no-animation::after { animation: none !important; }