.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;-webkit-transition:inherit;transition:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.splitting{--word-center:-webkit-calc((var(--word-total) - 1)/2);--word-center:calc((var(--word-total) - 1)/2);--char-center:-webkit-calc((var(--char-total) - 1)/2);--char-center:calc((var(--char-total) - 1)/2);--line-center:-webkit-calc((var(--line-total) - 1)/2);--line-center:calc((var(--line-total) - 1)/2)}.splitting .word{--word-percent:-webkit-calc(var(--word-index)/var(--word-total));--word-percent:calc(var(--word-index)/var(--word-total));--line-percent:-webkit-calc(var(--line-index)/var(--line-total));--line-percent:calc(var(--line-index)/var(--line-total))}.splitting .char{--char-percent:-webkit-calc(var(--char-index)/var(--char-total));--char-percent:calc(var(--char-index)/var(--char-total));--char-offset:-webkit-calc(var(--char-index) - var(--char-center));--char-offset:calc(var(--char-index) - var(--char-center));--distance:-webkit-calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance:calc((var(--char-offset)*var(--char-offset))/var(--char-center));--distance-sine:-webkit-calc(var(--char-offset)/var(--char-center));--distance-sine:calc(var(--char-offset)/var(--char-center));--distance-percent:(var(--distance)/var(--char-center))}.splitting.cells img{width:100%;display:block}@supports (display:grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) /repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:-webkit-calc(100%*var(--col-total));width:calc(100%*var(--col-total));height:-webkit-calc(100%*var(--row-total));height:calc(100%*var(--row-total));left:-webkit-calc(-100%*var(--col-index));left:calc(-100%*var(--col-index));top:-webkit-calc(-100%*var(--row-index));top:calc(-100%*var(--row-index))}.splitting .cell{--center-x:-webkit-calc((var(--col-total) - 1)/2);--center-x:calc((var(--col-total) - 1)/2);--center-y:-webkit-calc((var(--row-total) - 1)/2);--center-y:calc((var(--row-total) - 1)/2);--offset-x:-webkit-calc(var(--col-index) - var(--center-x));--offset-x:calc(var(--col-index) - var(--center-x));--offset-y:-webkit-calc(var(--row-index) - var(--center-y));--offset-y:calc(var(--row-index) - var(--center-y));--distance-x:-webkit-calc((var(--offset-x)*var(--offset-x))/var(--center-x));--distance-x:calc((var(--offset-x)*var(--offset-x))/var(--center-x));--distance-y:-webkit-calc((var(--offset-y)*var(--offset-y))/var(--center-y));--distance-y:calc((var(--offset-y)*var(--offset-y))/var(--center-y))}}