.letter-swap{position:relative;display:inline-block;perspective:600px}.letter-swap-word{white-space:nowrap}.letter-swap-word[data-phase=out]{position:absolute;top:0;left:50%;transform:translate(-50%)}.letter-swap-letter{display:inline-block;transform-origin:50% 50% -.4em;backface-visibility:hidden}.letter-swap-letter:before{content:attr(data-letter)}.letter-swap-word[data-phase=in] .letter-swap-letter{animation:letter-swap-in .56s cubic-bezier(.22,1,.36,1) both}.letter-swap-word[data-phase=out] .letter-swap-letter{animation:letter-swap-out .32s cubic-bezier(.55,0,.75,.2) both}@keyframes letter-swap-in{0%{opacity:0;filter:blur(8px);transform:translateY(.45em) rotateX(-80deg)}to{opacity:1;filter:blur(0);transform:none}}@keyframes letter-swap-out{0%{opacity:1;filter:blur(0);transform:none}to{opacity:0;filter:blur(8px);transform:translateY(-.45em) rotateX(80deg)}}@media(prefers-reduced-motion:reduce){.letter-swap-word[data-phase] .letter-swap-letter{animation:none}.letter-swap-word[data-phase=out]{display:none}}