.login-typing-text {
    display: inline-block;
    min-width: 0.5ch;
}

.video-text-overlay .login-tagline {
    white-space: normal;
}

.login-typing-text.is-typing::after {
    content: "";
    display: inline-block;
    width: 0.09em;
    height: 0.95em;
    margin-left: 0.1em;
    vertical-align: -0.08em;
    background: currentColor;
    animation: login-typing-caret 700ms steps(1, end) infinite;
}

@keyframes login-typing-caret {
    50% {
        opacity: 0;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-typing-text.is-typing::after {
        animation: none;
    }
}