.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char::before,.splitting .char::after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;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) ))}