.glitch-char{--split:65;-webkit-text-fill-color:transparent;display:inline-block;position:relative}.glitch-char[data-char=\ ]{color:#0000;width:.3em}.glitch-char[data-char=\ ]:after,.glitch-char[data-char=\ ]:before{display:none}.glitch-char:after,.glitch-char:before{content:attr(data-char);-webkit-text-fill-color:initial;color:currentColor;width:100%;height:100%;clip-path:var(--clip);position:absolute;top:0;left:0}.glitch-char:nth-child(odd):after{--clip:inset(0 calc(var(--split) * 1%) 0 0);--shift-x:-10;--speed:2;animation:glitch-live-shift calc(var(--speed) * 1s) infinite steps(1)}.glitch-char:nth-child(odd):before{--clip:inset(0 0 0 calc((99 - var(--split)) * 1%));--shift-y:-15;--speed:5;animation:glitch-live-shift calc(var(--speed) * 1s) infinite steps(1)}.glitch-char:nth-child(2n):after{--split:50;--clip:inset(0 0 calc(var(--split) * 1%) 0);--shift-x:25;--speed:3;animation:glitch-live-shift calc(var(--speed) * 1s) infinite steps(1)}.glitch-char:nth-child(2n):before{--split:50;--clip:inset(calc((99 - var(--split)) * 1%) 0 0 0);--shift-y:20;--speed:5;animation:glitch-live-shift calc(var(--speed) * 1s) infinite steps(1)}@keyframes glitch-live-shift{0%,68%,72%,to{transform:translate(0)}70%{transform:translate(calc(var(--shift-x,0) * 1%), calc(var(--shift-y,0) * 1%))}}
