.static-text{white-space:nowrap}.dynamic-container{display:inline-block;width:10ch;overflow:hidden;vertical-align:middle}.dynamic-container,.dynamic-word{text-align:left;position:relative}.dynamic-word{white-space:nowrap;background:linear-gradient(90deg,teal,#0f6);-webkit-background-clip:text;color:transparent;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.dynamic-word:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:20px;width:calc(100% + 40px);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="20"><path d="M5 15 Q 50 0 100 15" stroke="rgb(0, 255, 102)" stroke-width="2" fill="none"/></svg>');background-repeat:no-repeat;background-size:100% 100%}.transition-in{transform:translateY(0);opacity:1}.transition-out{transform:translateY(-100%);opacity:0}