.glitch-wrapper{position:relative;display:inline-block}.glitch-text{position:relative;z-index:1}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#0e0f11;opacity:.8}.glitch-text:before{left:2px;text-shadow:-2px 0 #ec4899;clip-path:inset(45% 0 50% 0);animation:glitch-anim-1 2.5s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-2px 0 #a855f7;clip-path:inset(10% 0 85% 0);animation:glitch-anim-2 3s infinite linear alternate-reverse}@keyframes glitch-anim-1{0%{clip-path:inset(20% 0 80% 0);transform:translate(-2px)}20%{clip-path:inset(60% 0 10% 0);transform:translate(2px)}40%{clip-path:inset(40% 0 50% 0);transform:translate(-2px)}60%{clip-path:inset(80% 0 5% 0);transform:translate(2px)}80%{clip-path:inset(10% 0 70% 0);transform:translate(-1px)}to{clip-path:inset(30% 0 50% 0);transform:translate(1px)}}@keyframes glitch-anim-2{0%{clip-path:inset(10% 0 60% 0);transform:translate(2px)}20%{clip-path:inset(30% 0 20% 0);transform:translate(-2px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(2px)}60%{clip-path:inset(20% 0 50% 0);transform:translate(-2px)}80%{clip-path:inset(50% 0 30% 0);transform:translate(1px)}to{clip-path:inset(0% 0 80% 0);transform:translate(-1px)}}.mask-gradient{mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.animate-scroll{animation:scroll 40s linear infinite}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}
