.splitting .word,
.splitting .char { display: inline-flex; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; position: relative; overflow: hidden; }
.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))); }
.splitting.cells img { width: 100%; display: block; }
.whitespace { line-height: 1; }
@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: calc(100% * var(--col-total)); height: calc(100% * var(--row-total)); left: calc(-100% * var(--col-index)); top: calc(-100% * var(--row-index)); }
.splitting .cell { --center-x: calc((var(--col-total) - 1) / 2); --center-y: calc((var(--row-total) - 1) / 2); --offset-x: calc(var(--col-index) - var(--center-x)); --offset-y: calc(var(--row-index) - var(--center-y)); --distance-x: calc((var(--offset-x) * var(--offset-x)) / var(--center-x)); --distance-y: calc((var(--offset-y) * var(--offset-y)) / var(--center-y)); }
}