.vue-typer{--char-typed-color:#000;--char-selected-color:#000;--char-typed-background-color:transparent;--char-selected-background-color:#accef7;--caret-idle-color:#000;--caret-typing-color:#000;--caret-selecting-color:#000;--caret-erasing-color:#000;--caret-complete-color:#000;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-typer .caret{display:inline-block;width:1px}.vue-typer .caret:empty:before{content:"​"}.vue-typer .caret.idle{background-color:var(--caret-idle-color)}.vue-typer .caret.typing{background-color:var(--caret-typing-color)}.vue-typer .caret.selecting{background-color:var(--caret-selecting-color);display:none}.vue-typer .caret.erasing{background-color:var(--caret-erasing-color)}.vue-typer .caret.complete{background-color:var(--caret-complete-color);display:none}.vue-typer .char{display:inline-block;white-space:pre-wrap}.vue-typer .char.newline{display:inline}.vue-typer .char.typed{background-color:var(--char-typed-background-color);color:var(--char-typed-color)}.vue-typer .char.selected{background-color:var(--char-selected-background-color);color:var(--char-selected-color)}.vue-typer .char.erased{display:none}.vue-typer span.left,.vue-typer span.right{display:inline}@keyframes vue-typer-caret-blink{50%{opacity:0}to{opacity:1}}@keyframes vue-typer-caret-smooth{0%,20%{opacity:1}60%,to{opacity:0}}@keyframes vue-typer-caret-phase{0%,20%{opacity:1}90%,to{opacity:0}}@keyframes vue-typer-caret-expand{0%,20%{transform:scaleY(1)}80%,to{transform:scaleY(0)}}.vue-typer .caret.blink{animation:vue-typer-caret-blink 1s step-start 0s infinite}.vue-typer .caret.smooth{animation:vue-typer-caret-smooth .5s ease-in-out 0s infinite alternate}.vue-typer .caret.phase{animation:vue-typer-caret-phase .5s ease-in-out 0s infinite alternate}.vue-typer .caret.expand{animation:vue-typer-caret-expand .5s ease-in-out 0s infinite alternate}