:root{--animation-duration:1s;--animation-offsetup:50%;--animation-offsetdown:-50%;--animation-offsetleft:-50%;--animation-offsetright:50%;--animation-offsettop:-50%;--animation-offsetbottom:50%;--animation-offsetdeg:50%}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,var(--animation-offsetup),0)}to{opacity:1;transform:translateZ(0)}}.fade-in-up{animation:fadeInUp var(--animation-duration) ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn var(--animation-duration) ease forwards}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,var(--animation-offsetdown),0)}to{opacity:1;transform:translateZ(0)}}.fade-in-down{animation:fadeInDown var(--animation-duration) ease forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(var(--animation-offsetleft),0,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-left{animation:fadeInLeft var(--animation-duration) ease forwards}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(var(--animation-offsetright),0,0)}to{opacity:1;transform:translateZ(0)}}.fade-in-right{animation:fadeInRight var(--animation-duration) ease forwards}@keyframes fadeintopleft{0%{opacity:0;transform:translate3d(var(--animation-offsetleft),var(--animation-offsettop),0)}to{opacity:1;transform:translateZ(0)}}.fade-in-top-left{animation:fadeintopleft var(--animation-duration) ease forwards}@keyframes fadeintopright{0%{opacity:0;transform:translate3d(var(--animation-offsetright),var(--animation-offsettop),0)}to{opacity:1;transform:translateZ(0)}}.fade-in-top-right{animation:fadeintopright var(--animation-duration) ease forwards}@keyframes fadeinbottomleft{0%{opacity:0;transform:translate3d(var(--animation-offsetleft),var(--animation-offsetbottom),0)}to{opacity:1;transform:translateZ(0)}}.fade-in-bottom-left{animation:fadeinbottomleft var(--animation-duration) ease forwards}@keyframes fadeinbottomright{0%{opacity:0;transform:translate3d(var(--animation-offsetright),var(--animation-offsetbottom),0)}to{opacity:1;transform:translateZ(0)}}.fade-in-bottom-right{animation:fadeinbottomright var(--animation-duration) ease forwards}.zoom-in{animation:zoomIn var(--animation-duration) ease both}.zoom-in-down{animation:zoomInDown var(--animation-duration) ease both}.zoom-in-left{animation:zoomInLeft var(--animation-duration) ease both}.zoom-in-right{animation:zoomInRight var(--animation-duration) ease both}.zoom-in-up{animation:zoomInUp var(--animation-duration) ease both}@keyframes zoomIn{0%{opacity:0;transform:scale(0) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes zoomInDown{0%{opacity:0;transform:scale(0) translate3d(0,-100%,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale(0) translate3d(-100%,0,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes zoomInRight{0%{opacity:0;transform:scale(0) translate3d(100%,0,0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes zoomInUp{0%{opacity:0;transform:scale(0) translate3d(0,100%,0)}to{opacity:1;transform:scale(1) translateZ(0)}}.slide-in-down{animation:slideInDown var(--animation-duration) ease both}.slide-in-left{animation:slideInLeft var(--animation-duration) ease both}.slide-in-right{animation:slideInRight var(--animation-duration) ease both}.slide-in-up{animation:slideInUp var(--animation-duration) ease both}@keyframes slideInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes slideInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.flip{animation:flip var(--animation-duration) ease both}.flip-in-x{animation:flipInX var(--animation-duration) ease both}.flip-in-y{animation:flipInY var(--animation-duration) ease both}.flip-out-x{animation:flipOutX var(--animation-duration) ease both}.flip-out-y{animation:flipOutY var(--animation-duration) ease both}@keyframes flip{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes flipInX{0%{opacity:0;transform:rotateX(90deg)}to{opacity:1;transform:rotateX(0)}}@keyframes flipInY{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes flipOutX{0%{opacity:1;transform:rotateX(0)}to{opacity:0;transform:rotateX(90deg)}}@keyframes flipOutY{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(90deg)}}.rotate-in{animation:rotateIn var(--animation-duration) ease both}.rotate-in-down-left{animation:rotateInDownLeft var(--animation-duration) ease both}.rotate-in-down-right{animation:rotateInDownRight var(--animation-duration) ease both}.rotate-in-up-left{animation:rotateInUpLeft var(--animation-duration) ease both}.rotate-in-up-right{animation:rotateInUpRight var(--animation-duration) ease both}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg) translateZ(0)}to{opacity:1;transform:rotate3d(0,0,0,0) translateZ(0)}}@keyframes rotateInDownLeft{0%{opacity:0;transform:rotate(-90deg) translate3d(-100%,100%,0)}to{opacity:1;transform:rotate3d(0,0,0,0) translateZ(0)}}@keyframes rotateInDownRight{0%{opacity:0;transform:rotate(-90deg) translate3d(100%,100%,0)}to{opacity:1;transform:rotate3d(0,0,0,0) translateZ(0)}}@keyframes rotateInUpLeft{0%{opacity:0;transform:rotate(-90deg) translate3d(-100%,-100%,0)}to{opacity:1;transform:rotate3d(0,0,0,0) translateZ(0)}}@keyframes rotateInUpRight{0%{opacity:0;transform:rotate(-90deg) translate3d(100%,-100%,0)}to{opacity:1;transform:rotate3d(0,0,0,0) translateZ(0)}}