.splitting .char{display:inline-block;-webkit-animation-delay:calc(.25s + var(--char-index) * .1s);animation-delay:calc(.25s + var(--char-index) * .1s);transition:all .25s calc(.25s + var(--char-index) * .1s)}.text--enter [data-scroll=out] .char{opacity:0;transform:translate(0,-150%)}.text--enter .char{opacity:1;transform:translate(0,0)}.text--random [data-scroll=out] .char:nth-of-type(1){transform:translateX(-239%) translateY(-121%)}.text--random [data-scroll=out] .char:nth-of-type(2){transform:translateX(-51%) translateY(134%)}.text--random [data-scroll=out] .char:nth-of-type(3){transform:translateX(-243%) translateY(-231%)}.text--random [data-scroll=out] .char:nth-of-type(4){transform:translateX(-219%) translateY(170%)}.text--random [data-scroll=out] .char:nth-of-type(5){transform:translateX(244%) translateY(114%)}.text--random [data-scroll=out] .char:nth-of-type(6){transform:translateX(218%) translateY(60%)}.text--swapsies [data-scroll=in] .char:nth-of-type(odd),.text--swapsies [data-scroll=out] .char:nth-of-type(odd){transform:translateX(100%)}.text--swapsies [data-scroll=in] .char:nth-of-type(even),.text--swapsies [data-scroll=out] .char:nth-of-type(even){transform:translateX(-100%)}.text--swapsies [data-scroll=in] .char{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.text--swapsies [data-scroll=in] .char:nth-of-type(odd){-webkit-animation-name:swap-left;animation-name:swap-left}.text--swapsies [data-scroll=in] .char:nth-of-type(even){-webkit-animation-name:swap-right;animation-name:swap-right}.text--fading [data-scroll=out] .char{opacity:0}.text--flipping [data-scroll=out] .char{transform:rotateY(180deg)}.text--slide .char{transition-delay:calc(( var(--char-total) - var(--char-index) ) * .1s)}.text--slide [data-scroll=out] .char{opacity:0;transform:translate(-300%,0) skewX(20deg)}.text--karaoke .char{color:rgba(255,255,255,.15);transition-duration:.1s}.text--karaoke .char:after{color:#fff;visibility:visible}.text--karaoke [data-scroll=in] .char:after{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.text--karaoke [data-scroll=out] .char:after{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.text--filling .char{color:rgba(255,255,255,.15)}.text--filling .char:after{color:#fff;visibility:visible}.text--filling [data-scroll=in] .char:after{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.text--filling [data-scroll=out] .char:after{-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}.text--blocks [data-scroll=out] .char{visibility:hidden}.text--blocks [data-scroll=in]{overflow:hidden;position:relative}.text--blocks [data-scroll=in] .char{transition-delay:.5s}.text--blocks [data-scroll=in]:after{content:"";height:100%;width:100%;position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;-webkit-animation:block .5s .25s both;animation:block .5s .25s both}.text--scaling [data-scroll=out] .char{transform:scale(0)}.text--turning [data-scroll=out] .char{transform:rotateY(90deg)}.text--folding [data-scroll=out] .char{transform:rotateX(90deg);transform-origin:bottom}.text--bulge [data-scroll=in] .char{-webkit-animation-name:bulge;animation-name:bulge;-webkit-animation-duration:.25s;animation-duration:.25s}.text--perspective{perspective:1000px}.text--perspective .char{transition:transform .25s calc(.25s + var(--char-index) * .1s),opacity .05s calc(.25s + var(--char-index) * .1s)}.text--perspective [data-scroll=out] .char{opacity:0;transform:translate3d(-25px,-20px,-800px)}.text--zipping .char{transition:transform .25s calc(.25s + var(--char-index) * .1s),opacity .05s calc(.25s + var(--char-index) * .1s)}.text--zipping [data-scroll=out] .char{opacity:0}.text--zipping [data-scroll=out] .char:nth-of-type(odd){transform:translate(0,-100%)}.text--zipping [data-scroll=out] .char:nth-of-type(even){transform:translate(0,100%)}.text--spinning [data-scroll=out] .char{transform:rotateY(-360deg)}.text--tumbling .char{transition-delay:calc(( var(--char-total) - var(--char-index) ) * .1s)}.text--tumbling [data-scroll=out] .char{opacity:0;transform:translate(-300%,-50%) rotate(1080deg) scale(0)}.text--bubbling .char{transition-timing-function:cubic-bezier(.75,-2,.75,2)}.text--bubbling .char:nth-of-type(1){transition-delay:.7s}.text--bubbling .char:nth-of-type(2){transition-delay:.3s}.text--bubbling .char:nth-of-type(3){transition-delay:.2s}.text--bubbling .char:nth-of-type(4){transition-delay:.3s}.text--bubbling .char:nth-of-type(5){transition-delay:.5s}.text--bubbling .char:nth-of-type(6){transition-delay:.3s}.text--bubbling .char:nth-of-type(7){transition-delay:.6s}.text--bubbling .char:nth-of-type(8){transition-delay:.5s}.text--bubbling [data-scroll=out] .char{transform:scale(.5)}.text--swinging .char{transform-origin:calc(( var(--char-total) - var(--char-index) ) * 100%) -100%;transition-delay:calc(( var(--char-total) - var(--char-index) ) * .1s)}.text--swinging [data-scroll=out] .char{opacity:0;transform:rotate(90deg)}.text--rolling .char{transition:transform 1s,opacity .2s;transition-delay:calc(( var(--char-total) - var(--char-index) ) * .1s)}.text--rolling [data-scroll=out] .char{opacity:0;transform:translate(-500%,0) scale(0) rotate(-1440deg)}.text--blowing .char{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;transform-origin:left bottom;-webkit-animation-delay:calc(var(--char-index) * .025s);animation-delay:calc(var(--char-index) * .025s)}.text--blowing [data-scroll=in] .char{-webkit-animation-name:blowing;animation-name:blowing}.text--meeting .char{transition-delay:calc(( var(--char-total) - var(--char-index) ) * .1s)}.text--meeting .char:nth-of-type(even){transform-origin:top right}.text--meeting .char:nth-of-type(odd){transform-origin:bottom left}.text--meeting [data-scroll=out] .char{transform:rotate(180deg)}.text--conveyor [data-scroll=in] .char{transform-origin:left bottom;-webkit-animation:convey 1s both linear;animation:convey 1s both linear;-webkit-animation-delay:calc(( var(--char-total) - var(--char-index) ) * .15s);animation-delay:calc(( var(--char-total) - var(--char-index) ) * .15s);transition:none}