.animate-on-scroll{transition:opacity var(--animation-speed) var(--animation-easing),transform var(--animation-speed) var(--animation-easing)}.animate-on-scroll.animation-pending,.animate-on-scroll.animation-playing{transition:none}.animate-on-scroll.animation-complete{opacity:1!important;transform:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes scaleInUp{0%{opacity:0;transform:scale(.8) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-90deg) scale(.8)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes flipInX{0%{opacity:0;transform:perspective(400px) rotateX(-90deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}@keyframes flipInY{0%{opacity:0;transform:perspective(400px) rotateY(-90deg)}to{opacity:1;transform:perspective(400px) rotateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceInUp{0%{opacity:0;transform:translateY(100px) scale(.8)}60%{opacity:1;transform:translateY(-20px) scale(1.1)}80%{transform:translateY(5px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes elasticIn{0%{opacity:0;transform:scale(0)}55%{opacity:1;transform:scale(1.1)}75%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.fadeIn{animation:fadeIn var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.fadeInUp{animation:fadeInUp var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.fadeInDown{animation:fadeInDown var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.fadeInLeft{animation:fadeInLeft var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.fadeInRight{animation:fadeInRight var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.slideInFromLeft{animation:slideInFromLeft var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.slideInFromRight{animation:slideInFromRight var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.slideInFromTop{animation:slideInFromTop var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.slideInFromBottom{animation:slideInFromBottom var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.scaleIn{animation:scaleIn var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.scaleInUp{animation:scaleInUp var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.scaleInDown{animation:scaleInDown var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.rotateIn{animation:rotateIn var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.rotateInLeft{animation:rotateInLeft var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.rotateInRight{animation:rotateInRight var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.flipInX{animation:flipInX var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.flipInY{animation:flipInY var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.bounceIn{animation:bounceIn var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.bounceInUp{animation:bounceInUp var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.elasticIn{animation:elasticIn var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.zoomIn{animation:zoomIn var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.zoomInLeft{animation:zoomInLeft var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.zoomInRight{animation:zoomInRight var(--local-animation-duration, var(--animation-speed)) var(--animation-easing) var(--local-animation-delay, 0ms) both}.animate-stagger .animate-on-scroll:nth-child(1){--local-animation-delay: 0ms}.animate-stagger .animate-on-scroll:nth-child(2){--local-animation-delay: .1s}.animate-stagger .animate-on-scroll:nth-child(3){--local-animation-delay: .2s}.animate-stagger .animate-on-scroll:nth-child(4){--local-animation-delay: .3s}.animate-stagger .animate-on-scroll:nth-child(5){--local-animation-delay: .4s}.animate-stagger .animate-on-scroll:nth-child(6){--local-animation-delay: .5s}.animate-stagger .animate-on-scroll:nth-child(7){--local-animation-delay: .6s}.animate-stagger .animate-on-scroll:nth-child(8){--local-animation-delay: .7s}.animate-stagger .animate-on-scroll:nth-child(9){--local-animation-delay: .8s}.animate-stagger .animate-on-scroll:nth-child(10){--local-animation-delay: .9s}@media (prefers-reduced-motion: reduce){.animate-on-scroll{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}@media screen and (max-width: 749px){.animate-on-scroll{--local-animation-duration: calc(var(--animation-speed) * .75)}}.animation-paused{animation-play-state:paused!important}.animation-reverse{animation-direction:reverse!important}.animate-on-scroll.animation-complete:hover{transition:transform .3s var(--animation-easing)}.animate-on-scroll.animation-complete.hover-lift:hover{transform:translateY(-5px)}.animate-on-scroll.animation-complete.hover-scale:hover{transform:scale(1.05)}.animate-on-scroll.animation-complete.hover-rotate:hover{transform:rotate(2deg)}
/*# sourceMappingURL=/cdn/shop/t/27/assets/universal-animations.css.map */