[data-animate=splitting]{transition:1s cubic-bezier(.26,.02,.15,.91);transform:translateY(60px)}[data-animate=splitting].animate{transform:translateY(0)}[data-animate=splitting] .char{transition:.8s cubic-bezier(.63,.02,0,.98);transition-delay:calc(28ms * var(--char-index));transform:translateY(105%);opacity:0}[data-animate=splitting].animate .char{transform:translateY(0) rotate(0);opacity:1}.splitting .char,.splitting .word{display:inline-block}.splitting .char{position:relative}.splitting .char:after,.splitting .char:before{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;-moz-user-select:none;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{--word-percent:calc(var(--word-index) /var(--word-total));--line-percent:calc(var(--line-index)/var(--line-total)) }.splitting .char{--char-percent:calc(var(--char-index) /var(--char-total));--char-offset:calc(var(--char-index) - var(--char-center));--distance:calc(var(--char-offset) * var(--char-offset) /var(--char-center));--distance-sine:calc(var(--char-offset) /var(--char-center));--distance-percent:calc(var(--distance)/var(--char-center)) }.hidden{display:none}[data-animate=splitting-group] .word,[data-animate=splitting] .word{white-space:nowrap;overflow:hidden;display:inline-flex}[data-animate=splitting-group] .char,[data-animate=splitting] .char{display:inline-flex;backface-visibility:hidden;will-change:transform}