.section-animation{--animation-duration: .6s;--animation-delay: 0s;--animation-timing: ease-out}.section-animation.animate-on-scroll:not(.animated){opacity:0}.section-animation.animated{animation-fill-mode:forwards}.section-animation[data-cascade]{--cascade-delay: calc(var(--animation-order, 0) * .1s);animation-delay:calc(var(--animation-delay) + var(--cascade-delay))!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.section-animation.animate-fade-in.animated{animation-name:fadeIn;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.section-animation.animate-fade-in-scale.animated{animation-name:fadeInScale;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.section-animation.animate-slide-from-top.animated{animation-name:slideInFromTop;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.section-animation.animate-slide-from-bottom.animated{animation-name:slideInFromBottom;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.section-animation.animate-slide-from-left.animated{animation-name:slideInFromLeft;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes slideInFromRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.section-animation.animate-slide-from-right.animated{animation-name:slideInFromRight;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleZ(1)}}.section-animation.animate-bounce-in.animated{animation-name:bounceIn;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay)}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,50px,0)}60%{opacity:1;transform:translate3d(0,-10px,0)}75%{transform:translate3d(0,5px,0)}90%{transform:translate3d(0,-2px,0)}to{transform:translateZ(0)}}.section-animation.animate-bounce-in-up.animated{animation-name:bounceInUp;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay)}@keyframes zoomIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.section-animation.animate-zoom-in.animated{animation-name:zoomIn;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes zoomOut{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.section-animation.animate-zoom-out.animated{animation-name:zoomOut;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes rotateIn{0%{opacity:0;transform:rotate(-200deg)}to{opacity:1;transform:rotate(0)}}.section-animation.animate-rotate-in.animated{animation-name:rotateIn;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0);opacity:1}}.section-animation.animate-flip-in-x.animated{animation-name:flipInX;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);backface-visibility:visible}@keyframes typewriter{0%{opacity:0;max-width:0}to{opacity:1;max-width:100%}}.section-animation.animate-typewriter.animated{animation-name:typewriter;animation-duration:calc(var(--animation-duration) * 2);animation-delay:var(--animation-delay);animation-timing-function:steps(40);overflow:hidden;white-space:nowrap}@keyframes expandWidth{0%{opacity:0;max-width:0}to{opacity:1;max-width:100%}}.section-animation.animate-expand-width.animated{animation-name:expandWidth;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing);overflow:hidden}@keyframes blurToFocus{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.section-animation.animate-blur-to-focus.animated{animation-name:blurToFocus;animation-duration:var(--animation-duration);animation-delay:var(--animation-delay);animation-timing-function:var(--animation-timing)}@media (prefers-reduced-motion: reduce){.section-animation,.section-animation.animated{animation:none!important;opacity:1!important;transform:none!important}}@media screen and (max-width: 749px){.section-animation{--animation-duration: .4s}.section-animation.animate-rotate-in.animated,.section-animation.animate-flip-in-x.animated{animation-name:fadeIn}}@media screen and (min-width: 750px) and (max-width: 989px){.section-animation{--animation-duration: .5s}}@media screen and (min-width: 990px){.section-animation{--animation-duration: .6s}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-animations.css.map */