How to access the styles.css to change the "|" to be something other than infinite?

[CheliKalina]

I would like the "|" to stop blinking once it has typed the full word. I assume it is infinitely blinking because of the line of code that says "animation: blink 1s infinite step-start;" but I can't figure out how to change what was downloaded.

[Adrian-Samuel]

@CheliKalina agreed!

I reckon the CSS would need to written in the JS to handle it based on some local state, have a callback fire after the animation is finished to change some state

[ayoubyoub]

.styles_typicalWrapper__1_Uvh::after { content: "" !important; }