@keyframes anim_opacity-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes anim_fromLeft-32 {
  from { opacity: 0; transform: translate(-32px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromLeft-64 {
  from { opacity: 0; transform: translate(-64px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromLeft-96 {
  from { opacity: 0; transform: translate(-96px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromLeft-128 {
  from { opacity: 0; transform: translate(-128px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromLeft-192 {
  from { opacity: 0; transform: translate(-192px,0); }
  to { opacity: 1; transform: translate(0,0); }
}


@keyframes anim_fromRight-32 {
  from { opacity: 0; transform: translate(32px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromRight-64 {
  from { opacity: 0; transform: translate(64px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromRight-96 {
  from { opacity: 0; transform: translate(96px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromRight-128 {
  from { opacity: 0; transform: translate(128px,0); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromRight-192 {
  from { opacity: 0; transform: translate(192px,0); }
  to { opacity: 1; transform: translate(0,0); }
}


@keyframes anim_fromTop-32 {
  from { opacity: 0; transform: translate(0,-32px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromTop-64 {
  from { opacity: 0; transform: translate(0,-64px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromTop-96 {
  from { opacity: 0; transform: translate(0,-96px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromTop-128 {
  from { opacity: 0; transform: translate(0,-128px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromTop-192 {
  from { opacity: 0; transform: translate(0,-192px); }
  to { opacity: 1; transform: translate(0,0); }
}


@keyframes anim_fromBottom-32 {
  from { opacity: 0; transform: translate(0,32px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromBottom-64 {
  from { opacity: 0; transform: translate(0,64px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromBottom-96 {
  from { opacity: 0; transform: translate(0,96px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromBottom-128 {
  from { opacity: 0; transform: translate(0,128px); }
  to { opacity: 1; transform: translate(0,0); }
}
@keyframes anim_fromBottom-192 {
  from { opacity: 0; transform: translate(0,192px); }
  to { opacity: 1; transform: translate(0,0); }
}



@keyframes anim_scale-in-1 {
  from { opacity: 0; transform: scale(1.1,1.1); }
  to { opacity: 1; transform: scale(1.0,1.0); }
}
@keyframes anim_scale-out-1 {
  from { opacity: 0; transform: scale(0.9,0.9); }
  to { opacity: 1; transform: scale(1.0,1.0); }
}