:root{--letter-delay: 50ms;--animation-duration: .6s;--start-delay: 0ms}text-reveal-animation{display:block}text-reveal-animation.animated-text-container .origin-text{opacity:0;visibility:hidden;position:absolute;pointer-events:none}text-reveal-animation.animated-text{display:inline-block}.animated-text{display:inline-block}.animated-text-container .origin-text{opacity:0;visibility:hidden}.animated-text-line{display:block;white-space:pre-wrap;opacity:0;visibility:hidden}.animated-text .letter{display:inline-block;white-space:pre;opacity:0;filter:blur(10px);transform:translate(0) translateY(30px) scale(1) rotate(0) skew(0) skewY(0);will-change:filter,transform;visibility:hidden}.animated-text.animating .letter.show{animation:letterFadeIn var(--animation-duration, .6s) ease-out forwards;animation-delay:calc(var(--start-delay, 0ms) + (var(--letter-index, 0) * var(--letter-delay, 50ms)))}@keyframes letterFadeIn{to{opacity:1;transform:translateY(0);filter:blur(0px)}}.animated-text .letter.show{animation:letterFadeIn var(--animation-duration, .6s) ease-out forwards}.animated-text .letter.animation-complete{opacity:1;transform:translateY(0);filter:blur(0px);visibility:visible}.animated-text.slide-up .letter{transform:translateY(40px)}.animated-text.slide-up .letter.show{animation:letterSlideUp var(--animation-duration, .6s) ease-out forwards}@keyframes letterSlideUp{to{opacity:1;transform:translateY(0)}}.animated-text.slide-down .letter{transform:translateY(-40px)}.animated-text.slide-down .letter.show{animation:letterSlideDown var(--animation-duration, .6s) ease-out forwards}@keyframes letterSlideDown{to{opacity:1;transform:translateY(0)}}.animated-text.scale-in .letter{transform:scale(0)}.animated-text.scale-in .letter.show{animation:letterScaleIn calc(var(--animation-duration, .6s) * .8) cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes letterScaleIn{to{opacity:1;transform:scale(1)}}.animated-text.rotate-in .letter{transform:rotate(-180deg) scale(0)}.animated-text.rotate-in .letter.show{animation:letterRotateIn var(--animation-duration, .6s) ease-out forwards}@keyframes letterRotateIn{to{opacity:1;transform:rotate(0) scale(1)}}.animated-text .letter{will-change:transform,opacity}.animated-text .letter.animation-complete{will-change:auto}@media(max-width:768px){.animated-text .letter{transform:translateY(20px)}}@media(max-width:480px){:root{--letter-delay: 30ms;--animation-duration: .4s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animated-text .letter{opacity:1;transform:none;filter:none;visibility:visible}.animated-text .letter.show{animation:none;opacity:1;transform:none}text-reveal-animation.animated-text-container .origin-text{opacity:0;visibility:hidden;position:static;pointer-events:auto}}@property --letter-index{syntax: "<integer>"; initial-value: 0; inherits: false;}@media(prefers-reduced-motion:no-preference){.animated-text .letter{animation:preload 1ms}@keyframes preload{0%{opacity:.999}to{opacity:1}}}@supports not (--css: variables){.animated-text .letter.show{animation:letterFadeIn .6s ease-out forwards}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/reusable-animations.css.map */