.glitch{position:relative;color:hsl(var(--foreground));font-size:3rem;font-weight:700;font-family:var(--font-headline);text-transform:uppercase}.glitch:after,.glitch:before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:hsl(var(--background));overflow:hidden}.glitch:before{left:2px;text-shadow:-2px 0 hsl(var(--accent));animation:glitch-anim-1 2.5s linear infinite alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 hsl(var(--primary));animation:glitch-anim-2 2s linear infinite alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(10% 0 80% 0)}10%{clip-path:inset(55% 0 5% 0)}20%{clip-path:inset(30% 0 45% 0)}30%{clip-path:inset(90% 0 2% 0)}40%{clip-path:inset(40% 0 33% 0)}50%{clip-path:inset(5% 0 70% 0)}60%{clip-path:inset(80% 0 10% 0)}70%{clip-path:inset(20% 0 58% 0)}80%{clip-path:inset(65% 0 15% 0)}90%{clip-path:inset(45% 0 30% 0)}to{clip-path:inset(75% 0 5% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(70% 0 25% 0)}10%{clip-path:inset(15% 0 60% 0)}20%{clip-path:inset(40% 0 30% 0)}30%{clip-path:inset(80% 0 5% 0)}40%{clip-path:inset(25% 0 55% 0)}50%{clip-path:inset(50% 0 40% 0)}60%{clip-path:inset(5% 0 90% 0)}70%{clip-path:inset(60% 0 15% 0)}80%{clip-path:inset(35% 0 40% 0)}90%{clip-path:inset(70% 0 10% 0)}to{clip-path:inset(10% 0 85% 0)}}