/**
 * Code Typing Animation Styles
 * Subtle styling for typing animation
 */

/* Respect reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .code-typing.typing-active {
        opacity: 1 !important;
    }
    .code-typing {
        opacity: 1 !important;
    }
}

/* Initial state - prevent layout shift */
.code-typing {
    display: inline-block;
    opacity: 1;
    min-height: 1em; /* Prevent layout collapse */
}

/* Ensure code remains selectable during animation */
.code-typing.typing-active {
    user-select: text;
    -webkit-user-select: text;
}

/* Completed state */
.code-typing.typing-complete {
    opacity: 1;
}