.mud-typewriter-container {
    display: flex;
    align-items: center;
    gap: 0;
    font-weight: 600;
}

.mud-typewriter-prefix,
.mud-typewriter-text {
    white-space: nowrap;
}

.mud-typewriter-text {
    margin-left: 0.25em;
}

.mud-typewriter-cursor {
    border-right: 3px solid var(--mud-palette-text-primary);
    padding-right: 4px;
    animation: mud-typewriter-blink 0.8s infinite;
}

@media (max-width: 599px) {
    .mud-typewriter-container {
        flex-direction: column;
        align-items: flex-start;
    }

    .mud-typewriter-text {
        margin-left: 0;
    }
}

@keyframes mud-typewriter-blink {
    0% {
        border-color: transparent;
    }

    50% {
        border-color: var(--mud-palette-text-primary);
    }

    100% {
        border-color: transparent;
    }
}
