.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char:after,.splitting .char:before{transition:inherit;content:attr(data-char);position:absolute;visibility:hidden;top:0;left:0;user-select:none}.splitting{--word-center:calc((var(--word-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--line-percent:calc(var(--line-index)/var(--line-total));--word-percent:calc(var(--word-index)/var(--word-total))}.splitting .char{--distance-sine:calc(var(--char-offset)/var(--char-center));--distance:calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance-percent:calc(var(--distance)/var(--char-center));--char-offset:calc(var(--char-index) - var(--char-center));--char-percent:calc(var(--char-index)/var(--char-total))}.char{-webkit-transition:all .25s calc(.25s + var(--char-index)*.1s);transition:all .25s calc(.25s + var(--char-index)*.1s);-webkit-animation-delay:calc(.25s + var(--char-index)*.1s);animation-delay:calc(.25s + var(--char-index)*.1s);display:inline-block}.text--enter [data-scroll=out] .char{-webkit-transform:translateY(-150%);transform:translateY(-150%);opacity:0}.text--enter .char{-webkit-transform:translate(0);transform:translate(0);opacity:1}.text--random [data-scroll=out] .char:first-of-type{-webkit-transform:translateX(-197%) translateY(206%);transform:translateX(-197%) translateY(206%)}.text--random [data-scroll=out] .char:nth-of-type(2){-webkit-transform:translateX(170%) translateY(42%);transform:translateX(170%) translateY(42%)}.text--random [data-scroll=out] .char:nth-of-type(3){-webkit-transform:translateX(46%) translateY(246%);transform:translateX(46%) translateY(246%)}.text--random [data-scroll=out] .char:nth-of-type(4){-webkit-transform:translateX(-241%) translateY(198%);transform:translateX(-241%) translateY(198%)}.text--random [data-scroll=out] .char:nth-of-type(5){-webkit-transform:translateX(92%) translateY(180%);transform:translateX(92%) translateY(180%)}.text--random [data-scroll=out] .char:nth-of-type(6){-webkit-transform:translateX(-143%) translateY(-125%);transform:translateX(-143%) translateY(-125%)}.text--swapsies [data-scroll=in] .char:nth-of-type(odd),.text--swapsies [data-scroll=out] .char:nth-of-type(odd){-webkit-transform:translateX(100%);transform:translateX(100%)}.text--swapsies [data-scroll=in] .char:nth-of-type(2n),.text--swapsies [data-scroll=out] .char:nth-of-type(2n){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.text--swapsies [data-scroll=in] .char{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:.5s;animation-duration:.5s}.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(2n){-webkit-animation-name:swap-right;animation-name:swap-right}@-webkit-keyframes swap-right{25%{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}75%{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes swap-right{25%{-webkit-transform:translateX(-100%) translateY(-100%);transform:translateX(-100%) translateY(-100%)}75%{-webkit-transform:translateX(0) translateY(-100%);transform:translateX(0) translateY(-100%)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@-webkit-keyframes swap-left{25%{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}75%{-webkit-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}@keyframes swap-left{25%{-webkit-transform:translateX(100%) translateY(100%);transform:translateX(100%) translateY(100%)}75%{-webkit-transform:translateX(0) translateY(100%);transform:translateX(0) translateY(100%)}to{-webkit-transform:translateX(0) translateY(0);transform:translateX(0) translateY(0)}}.text--fading [data-scroll=out] .char{opacity:0}.text--flipping [data-scroll=out] .char{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.text--slide .char{-webkit-transition-delay:calc((var(--char-total) - var(--char-index))*.1s);transition-delay:calc((var(--char-total) - var(--char-index))*.1s)}.text--slide [data-scroll=out] .char{-webkit-transform:translate(-300%) skewX(20deg);transform:translate(-300%) skewX(20deg);opacity:0}.text--karaoke .char{-webkit-transition-duration:.1s;transition-duration:.1s;color:hsla(0,0%,100%,.15)}.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:hsla(0,0%,100%,.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{-webkit-transition-delay:.5s;transition-delay:.5s}.text--blocks [data-scroll=in]:after{-webkit-animation:block .5s .25s both;animation:block .5s .25s both;height:100%;right:0;content:"";position:absolute;bottom:0;top:0;background:#009fe3;left:0;width:100%}@-webkit-keyframes block{0%{-webkit-transform:translate(-110%);transform:translate(-110%)}45%,55%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(110%);transform:translate(110%)}}@keyframes block{0%{-webkit-transform:translate(-110%);transform:translate(-110%)}45%,55%{-webkit-transform:translate(0);transform:translate(0)}to{-webkit-transform:translate(110%);transform:translate(110%)}}.text--scaling [data-scroll=out] .char{-webkit-transform:scale(0);transform:scale(0)}.text--turning [data-scroll=out] .char{-webkit-transform:rotateY(90deg);transform:rotateY(90deg)}.text--folding [data-scroll=out] .char{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:bottom;transform-origin:bottom}.text--bulge [data-scroll=in] .char{-webkit-animation-name:bulge;animation-name:bulge;-webkit-animation-duration:.25s;animation-duration:.25s}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes bulge{50%{-webkit-transform:scale(1.5);transform:scale(1.5)}}.text--perspective{-webkit-perspective:1000px;perspective:1000px}.text--perspective .char{-webkit-transition:opacity .05s calc(.25s + var(--char-index)*.1s),-webkit-transform .25s calc(.25s + var(--char-index)*.1s);transition:opacity .05s calc(.25s + var(--char-index)*.1s),-webkit-transform .25s calc(.25s + var(--char-index)*.1s);transition:transform .25s calc(.25s + var(--char-index)*.1s),opacity .05s calc(.25s + var(--char-index)*.1s);transition:transform .25s calc(.25s + var(--char-index)*.1s),opacity .05s calc(.25s + var(--char-index)*.1s),-webkit-transform .25s calc(.25s + var(--char-index)*.1s)}.text--perspective [data-scroll=out] .char{-webkit-transform:translate3d(-25px,-20px,-800px);transform:translate3d(-25px,-20px,-800px);opacity:0}.text--zipping .char{-webkit-transition:opacity .05s calc(.25s + var(--char-index)*.1s),-webkit-transform .25s calc(.25s + var(--char-index)*.1s);transition:opacity .05s calc(.25s + var(--char-index)*.1s),-webkit-transform .25s calc(.25s + var(--char-index)*.1s);transition:transform .25s calc(.25s + var(--char-index)*.1s),opacity .05s calc(.25s + var(--char-index)*.1s);transition:transform .25s calc(.25s + var(--char-index)*.1s),opacity .05s calc(.25s + var(--char-index)*.1s),-webkit-transform .25s calc(.25s + var(--char-index)*.1s)}.text--zipping [data-scroll=out] .char{opacity:0}.text--zipping [data-scroll=out] .char:nth-of-type(odd){-webkit-transform:translateY(-100%);transform:translateY(-100%)}.text--zipping [data-scroll=out] .char:nth-of-type(2n){-webkit-transform:translateY(100%);transform:translateY(100%)}.text--spinning [data-scroll=out] .char{-webkit-transform:rotateY(-1turn);transform:rotateY(-1turn)}.text--tumbling .char{-webkit-transition-delay:calc((var(--char-total) - var(--char-index))*.1s);transition-delay:calc((var(--char-total) - var(--char-index))*.1s)}.text--tumbling [data-scroll=out] .char{-webkit-transform:translate(-300%,-50%) rotate(3turn) scale(0);transform:translate(-300%,-50%) rotate(3turn) scale(0);opacity:0}.text--bubbling .char{-webkit-transition-timing-function:cubic-bezier(.75,-2,.75,2);transition-timing-function:cubic-bezier(.75,-2,.75,2)}.text--bubbling .char:first-of-type{-webkit-transition-delay:.4s;transition-delay:.4s}.text--bubbling .char:nth-of-type(2){-webkit-transition-delay:.2s;transition-delay:.2s}.text--bubbling .char:nth-of-type(3){-webkit-transition-delay:.6s;transition-delay:.6s}.text--bubbling .char:nth-of-type(4){-webkit-transition-delay:.4s;transition-delay:.4s}.text--bubbling .char:nth-of-type(5){-webkit-transition-delay:.2s;transition-delay:.2s}.text--bubbling .char:nth-of-type(6){-webkit-transition-delay:.4s;transition-delay:.4s}.text--bubbling .char:nth-of-type(7){-webkit-transition-delay:.3s;transition-delay:.3s}.text--bubbling .char:nth-of-type(8){-webkit-transition-delay:.6s;transition-delay:.6s}.text--bubbling [data-scroll=out] .char{-webkit-transform:scale(.5);transform:scale(.5)}.text--swinging .char{-webkit-transition-delay:calc((var(--char-total) - var(--char-index))*.1s);transition-delay:calc((var(--char-total) - var(--char-index))*.1s);-webkit-transform-origin:calc((var(--char-total) - var(--char-index))*100%) -100%;transform-origin:calc((var(--char-total) - var(--char-index))*100%) -100%}.text--swinging [data-scroll=out] .char{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}.text--rolling .char{-webkit-transition:opacity .2s,-webkit-transform 1s;transition:opacity .2s,-webkit-transform 1s;transition:transform 1s,opacity .2s;transition:transform 1s,opacity .2s,-webkit-transform 1s;-webkit-transition-delay:calc((var(--char-total) - var(--char-index))*.1s);transition-delay:calc((var(--char-total) - var(--char-index))*.1s)}.text--rolling [data-scroll=out] .char{-webkit-transform:translate(-500%) scale(0) rotate(-4turn);transform:translate(-500%) scale(0) rotate(-4turn);opacity:0}.text--blowing .char{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-delay:calc(var(--char-index)*25ms);animation-delay:calc(var(--char-index)*25ms);-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-animation-duration:1s;animation-duration:1s}.text--blowing [data-scroll=in] .char{-webkit-animation-name:blowing;animation-name:blowing}@-webkit-keyframes blowing{50%,60%,70%{-webkit-transform:skewX(-35deg);transform:skewX(-35deg)}55%,65%,75%{-webkit-transform:skewX(-40deg);transform:skewX(-40deg)}}@keyframes blowing{50%,60%,70%{-webkit-transform:skewX(-35deg);transform:skewX(-35deg)}55%,65%,75%{-webkit-transform:skewX(-40deg);transform:skewX(-40deg)}}.text--meeting .char{-webkit-transition-delay:calc((var(--char-total) - var(--char-index))*.1s);transition-delay:calc((var(--char-total) - var(--char-index))*.1s)}.text--meeting .char:nth-of-type(2n){-webkit-transform-origin:top right;transform-origin:top right}.text--meeting .char:nth-of-type(odd){-webkit-transform-origin:bottom left;transform-origin:bottom left}.text--meeting [data-scroll=out] .char{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.text--conveyor [data-scroll=in] .char{-webkit-animation:convey 1s linear both;animation:convey 1s linear both;-webkit-transition:none;transition:none;-webkit-animation-delay:calc((var(--char-total) - var(--char-index))*.15s);animation-delay:calc((var(--char-total) - var(--char-index))*.15s);-webkit-transform-origin:left bottom;transform-origin:left bottom}@-webkit-keyframes convey{0%{-webkit-transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(calc((var(--char-total) - var(--char-index))*-100%));transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(calc((var(--char-total) - var(--char-index))*-100%))}40%{-webkit-transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(0);transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(0)}50%{-webkit-transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(0deg) translate(0);transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(0deg) translate(0)}to{-webkit-transform:translate(0) rotate(0deg) translate(0);transform:translate(0) rotate(0deg) translate(0)}}@keyframes convey{0%{-webkit-transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(calc((var(--char-total) - var(--char-index))*-100%));transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(calc((var(--char-total) - var(--char-index))*-100%))}40%{-webkit-transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(0);transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(-180deg) translate(0)}50%{-webkit-transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(0deg) translate(0);transform:translate(calc((var(--char-total) - (var(--char-total) - var(--char-index)))*-100%)) rotate(0deg) translate(0)}to{-webkit-transform:translate(0) rotate(0deg) translate(0);transform:translate(0) rotate(0deg) translate(0)}}