.TextGlitch{--font-size: 1.3rem;--line-height: 1.4;position:relative;-webkit-user-select:none;user-select:none;font-size:var(--font-size);line-height:var(--line-height)}.TextGlitch:before,.TextGlitch:after{color:#fff;background-color:#222;content:attr(data-text);position:absolute;top:0;left:0;right:0;overflow:hidden;background-color:inherit;clip:rect(0,100vw,0,0)}.TextGlitch:before{left:-1px;text-shadow:1px 0 green;animation:glitch-effect 2.5s infinite linear alternate-reverse}.TextGlitch:after{left:1px;text-shadow:-1px 0 red;animation:glitch-effect 1.25s infinite linear alternate-reverse}@keyframes glitch-effect{0%{clip:rect(0,100vw,calc(var(--line-height) * var(--font-size) * .58),0)}20%{clip:rect(.73em,100vw,calc(var(--line-height) * var(--font-size) * .07),0)}40%{clip:rect(.81em,100vw,calc(var(--line-height) * var(--font-size) * .34),0)}60%{clip:rect(.66em,100vw,calc(var(--line-height) * var(--font-size) * 1.1),0)}80%{clip:rect(1.31em,100vw,calc(var(--line-height) * var(--font-size) * .99),0)}to{clip:rect(0,100vw,calc(var(--line-height) * var(--font-size) * 1.11),0)}}
