.type-text{display:inline-block}@keyframes blink-cursor{0%,100%{opacity:1}50%{opacity:0}}@keyframes char-appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.type-text.blink:after{content:"|";display:inline-block;margin-left:1px;animation:blink-cursor .7s step-end infinite}.type-text.finished:after{display:none}.type-text>*{animation:char-appear .1s ease forwards}.type-text .type-text-prefix.type-text-leaving,.type-text .type-text-suffix.type-text-leaving{animation:fade-out .2s ease forwards}