.splitting .char{-webkit-transition:opacity .5s linear,-webkit-transform .5s cubic-bezier(.3,0,.3,1);transition:opacity .5s linear,-webkit-transform .5s cubic-bezier(.3,0,.3,1);transition:transform .5s cubic-bezier(.3,0,.3,1),opacity .5s linear;transition:transform .5s cubic-bezier(.3,0,.3,1),opacity .5s linear,-webkit-transform .5s cubic-bezier(.3,0,.3,1);-webkit-transition-delay:calc(20ms * var(--char-index));transition-delay:calc(20ms * var(--char-index));color:inherit}.splitting[data-scroll=out] .char{opacity:.1;-webkit-transform:translateY(.25em);transform:translateY(.25em)}@keyframes slide-in{from{transform:translateY(-1em) rotate(-.5turn) scale(.5);opacity:0}}.spread-out .char{-webkit-transition:-webkit-transform 1s cubic-bezier(.8,0,.2,1);transition:-webkit-transform 1s cubic-bezier(.8,0,.2,1);transition:transform 1s cubic-bezier(.8,0,.2,1);transition:transform 1s cubic-bezier(.8,0,.2,1),-webkit-transform 1s cubic-bezier(.8,0,.2,1);-webkit-transition-delay:calc(.2s * var(--distance-percent));transition-delay:calc(.2s * var(--distance-percent))}.spread-out:hover .char{-webkit-transition-delay:calc(.2s * (1 - var(--distance-percent)));transition-delay:calc(.2s * (1 - var(--distance-percent)));-webkit-transform:scale(.6) translateX(calc(1.25em * var(--distance-sine)));transform:scale(.6) translateX(calc(1.25em * var(--distance-sine)))}.slide-horizontal .char,.slide-vertical .char{overflow:hidden;color:transparent}.slide-horizontal .char:after,.slide-horizontal .char:before,.slide-vertical .char:after,.slide-vertical .char:before{visibility:visible;color:#fff;-webkit-transition:-webkit-transform .5s cubic-bezier(.9,0,.2,1);transition:-webkit-transform .5s cubic-bezier(.9,0,.2,1);transition:transform .5s cubic-bezier(.9,0,.2,1);transition:transform .5s cubic-bezier(.9,0,.2,1),-webkit-transform .5s cubic-bezier(.9,0,.2,1);-webkit-transition-delay:calc(.2s + (.02s * (var(--char-index))));transition-delay:calc(.2s + (.02s * (var(--char-index))))}.slide-horizontal .char:before,.slide-vertical .char:before{color:#00c9b1;-webkit-transition-delay:calc(.02s * (var(--char-index)));transition-delay:calc(.02s * (var(--char-index)))}.slide-horizontal:hover .char:before,.slide-vertical:hover .char:before{-webkit-transition-delay:calc(.2s + (.02s * (var(--char-index))));transition-delay:calc(.2s + (.02s * (var(--char-index))))}.slide-horizontal:hover .char:after,.slide-vertical:hover .char:after{-webkit-transition-delay:calc(.02s * (var(--char-index)));transition-delay:calc(.02s * (var(--char-index)))}.slide-vertical .char:before{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.slide-vertical:hover .char:before{-webkit-transform:translateY(0);transform:translateY(0)}.slide-vertical:hover .char:after{-webkit-transform:translateY(100%);transform:translateY(100%)}[data-scroll]{transition:opacity 1s}[data-scroll=in]{opacity:1}[data-scroll=out]{opacity:0}