.glitch-text,.glitch-bar,.glitch-icon{--glitch-loop:5.2s;--glitch-amount:6%;--glitch-split:.018em;--glitch-offset:0s;--glitch-a:#22e6ff;--glitch-b:#ff3ddb}.glitch-text{animation:glitch-base var(--glitch-loop) steps(1, end) infinite;animation-delay:var(--glitch-offset);display:inline-block;position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);pointer-events:none;-webkit-user-select:none;user-select:none;clip-path:inset(100% 0 0);width:100%;position:absolute;top:0}.glitch-text:before{left:calc(var(--glitch-split) * -1);color:var(--glitch-a);animation:glitch-channel-a var(--glitch-loop) steps(1, end) infinite;animation-delay:var(--glitch-offset)}.glitch-text:after{left:var(--glitch-split);color:var(--glitch-b);animation:glitch-channel-b var(--glitch-loop) steps(1, end) infinite;animation-delay:var(--glitch-offset)}@keyframes glitch-channel-a{0%,5.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}6%{clip-path:inset(14% 0 68%);transform:translate3d(calc(var(--glitch-amount) * -1), 0, 0)}7.1%{clip-path:inset(46% 0 34%);transform:translate3d(var(--glitch-amount), 0, 0)}8.2%{clip-path:inset(72% 0 12%);transform:translate3d(calc(var(--glitch-amount) * -.55), 0, 0)}9.3%,26.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}27%{clip-path:inset(30% 0 52%);transform:translate3d(calc(var(--glitch-amount) * .8), 0, 0)}28.1%{clip-path:inset(8% 0 74%);transform:translate3d(calc(var(--glitch-amount) * -.9), 0, 0)}29.2%{clip-path:inset(58% 0 26%);transform:translate3d(calc(var(--glitch-amount) * .45), 0, 0)}30.3%,51.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}52%{clip-path:inset(60% 0 24%);transform:translate3d(calc(var(--glitch-amount) * -.7), 0, 0)}53.1%{clip-path:inset(22% 0 60%);transform:translate3d(var(--glitch-amount), 0, 0)}54.2%{clip-path:inset(40% 0 44%);transform:translate3d(calc(var(--glitch-amount) * -.35), 0, 0)}55.3%,82.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}83%{clip-path:inset(8% 0 78%);transform:translate3d(calc(var(--glitch-amount) * .95), 0, 0)}84.1%{clip-path:inset(52% 0 30%);transform:translate3d(calc(var(--glitch-amount) * -.6), 0, 0)}85.2%{clip-path:inset(76% 0 10%);transform:translate3d(calc(var(--glitch-amount) * .4), 0, 0)}86.3%,to{clip-path:inset(100% 0 0);transform:translate(0,0)}}@keyframes glitch-channel-b{0%,5.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}6%{clip-path:inset(28% 0 54%);transform:translate3d(calc(var(--glitch-amount) * .85), 0, 0)}7.1%{clip-path:inset(62% 0 22%);transform:translate3d(calc(var(--glitch-amount) * -1), 0, 0)}8.2%{clip-path:inset(10% 0 76%);transform:translate3d(calc(var(--glitch-amount) * .5), 0, 0)}9.3%,26.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}27%{clip-path:inset(54% 0 28%);transform:translate3d(calc(var(--glitch-amount) * -.75), 0, 0)}28.1%{clip-path:inset(26% 0 58%);transform:translate3d(calc(var(--glitch-amount) * .9), 0, 0)}29.2%{clip-path:inset(74% 0 14%);transform:translate3d(calc(var(--glitch-amount) * -.4), 0, 0)}30.3%,51.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}52%{clip-path:inset(16% 0 66%);transform:translate3d(calc(var(--glitch-amount) * .65), 0, 0)}53.1%{clip-path:inset(48% 0 36%);transform:translate3d(calc(var(--glitch-amount) * -.95), 0, 0)}54.2%{clip-path:inset(70% 0 16%);transform:translate3d(calc(var(--glitch-amount) * .3), 0, 0)}55.3%,82.9%{clip-path:inset(100% 0 0);transform:translate(0,0)}83%{clip-path:inset(38% 0 46%);transform:translate3d(calc(var(--glitch-amount) * -.9), 0, 0)}84.1%{clip-path:inset(12% 0 72%);transform:translate3d(calc(var(--glitch-amount) * .55), 0, 0)}85.2%{clip-path:inset(60% 0 24%);transform:translate3d(calc(var(--glitch-amount) * -.45), 0, 0)}86.3%,to{clip-path:inset(100% 0 0);transform:translate(0,0)}}@keyframes glitch-base{0%,5.9%{transform:translate(0,0);-webkit-mask-image:none;mask-image:none}6%{transform:translate(.8%);-webkit-mask-image:linear-gradient(#000 0 40%,#0000 40% 47%,#000 47% 100%);mask-image:linear-gradient(#000 0 40%,#0000 40% 47%,#000 47% 100%)}7.1%{transform:translate(-.5%);-webkit-mask-image:linear-gradient(#000 0 68%,#0000 68% 73%,#000 73% 100%);mask-image:linear-gradient(#000 0 68%,#0000 68% 73%,#000 73% 100%)}8.2%{transform:translate(.3%);-webkit-mask-image:none;mask-image:none}9.3%,26.9%{transform:translate(0,0);-webkit-mask-image:none;mask-image:none}27%{transform:translate(-.6%);-webkit-mask-image:none;mask-image:none}28.1%{transform:translate(.7%);-webkit-mask-image:linear-gradient(#000 0 20%,#0000 20% 26%,#000 26% 100%);mask-image:linear-gradient(#000 0 20%,#0000 20% 26%,#000 26% 100%)}29.2%{transform:translate(-.2%);-webkit-mask-image:none;mask-image:none}30.3%,51.9%{transform:translate(0,0);-webkit-mask-image:none;mask-image:none}52%{transform:translate(-.8%);-webkit-mask-image:linear-gradient(#000 0 55%,#0000 55% 61%,#000 61% 100%);mask-image:linear-gradient(#000 0 55%,#0000 55% 61%,#000 61% 100%)}53.1%{transform:translate(.5%);-webkit-mask-image:none;mask-image:none}54.2%{transform:translate(-.3%);-webkit-mask-image:linear-gradient(#000 0 30%,#0000 30% 35%,#000 35% 100%);mask-image:linear-gradient(#000 0 30%,#0000 30% 35%,#000 35% 100%)}55.3%,82.9%{transform:translate(0,0);-webkit-mask-image:none;mask-image:none}83%{transform:translate(.6%);-webkit-mask-image:none;mask-image:none}84.1%{transform:translate(-.7%);-webkit-mask-image:linear-gradient(#000 0 62%,#0000 62% 68%,#000 68% 100%);mask-image:linear-gradient(#000 0 62%,#0000 62% 68%,#000 68% 100%)}85.2%{transform:translate(.25%);-webkit-mask-image:none;mask-image:none}86.3%,to{transform:translate(0,0);-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.glitch-text{animation:none}.glitch-text:before,.glitch-text:after{display:none}}.glitch-bar{--glitch-amount:12px;--glitch-offset:-1.7s}.glitch-bar [data-slot=progress-indicator]{transform-origin:0;animation:glitch-bar-base var(--glitch-loop) steps(1, end) infinite;animation-delay:var(--glitch-offset);position:relative}.glitch-bar [data-slot=progress-indicator]:before,.glitch-bar [data-slot=progress-indicator]:after{content:"";pointer-events:none;clip-path:inset(100% 0 0);animation-duration:var(--glitch-loop);animation-timing-function:step-end;animation-iteration-count:infinite;animation-delay:var(--glitch-offset);position:absolute;inset:0}.glitch-bar [data-slot=progress-indicator]:before{background:var(--glitch-a);animation-name:glitch-channel-a}.glitch-bar [data-slot=progress-indicator]:after{background:var(--glitch-b);animation-name:glitch-channel-b}@keyframes glitch-bar-base{0%,5.9%{transform:scaleX(1);-webkit-mask-image:none;mask-image:none}6%{transform:scaleX(1.07);-webkit-mask-image:linear-gradient(90deg,#000 0 58%,#0000 58% 65%,#000 65% 100%);mask-image:linear-gradient(90deg,#000 0 58%,#0000 58% 65%,#000 65% 100%)}7.1%{transform:scaleX(.94);-webkit-mask-image:linear-gradient(90deg,#000 0 24%,#0000 24% 29%,#000 29% 100%);mask-image:linear-gradient(90deg,#000 0 24%,#0000 24% 29%,#000 29% 100%)}8.2%{transform:scaleX(1.02);-webkit-mask-image:none;mask-image:none}9.3%,26.9%{transform:scaleX(1);-webkit-mask-image:none;mask-image:none}27%{transform:scaleX(.96);-webkit-mask-image:none;mask-image:none}28.1%{transform:scaleX(1.05);-webkit-mask-image:linear-gradient(90deg,#000 0 76%,#0000 76% 83%,#000 83% 100%);mask-image:linear-gradient(90deg,#000 0 76%,#0000 76% 83%,#000 83% 100%)}29.2%{transform:scaleX(.99);-webkit-mask-image:none;mask-image:none}30.3%,51.9%{transform:scaleX(1);-webkit-mask-image:none;mask-image:none}52%{transform:scaleX(1.08);-webkit-mask-image:linear-gradient(90deg,#000 0 40%,#0000 40% 47%,#000 47% 100%);mask-image:linear-gradient(90deg,#000 0 40%,#0000 40% 47%,#000 47% 100%)}53.1%{transform:scaleX(.93);-webkit-mask-image:none;mask-image:none}54.2%{transform:scaleX(1.01);-webkit-mask-image:linear-gradient(90deg,#000 0 12%,#0000 12% 17%,#000 17% 100%);mask-image:linear-gradient(90deg,#000 0 12%,#0000 12% 17%,#000 17% 100%)}55.3%,82.9%{transform:scaleX(1);-webkit-mask-image:none;mask-image:none}83%{transform:scaleX(.95);-webkit-mask-image:none;mask-image:none}84.1%{transform:scaleX(1.06);-webkit-mask-image:linear-gradient(90deg,#000 0 66%,#0000 66% 72%,#000 72% 100%);mask-image:linear-gradient(90deg,#000 0 66%,#0000 66% 72%,#000 72% 100%)}85.2%{transform:scaleX(1);-webkit-mask-image:none;mask-image:none}86.3%,to{transform:scaleX(1);-webkit-mask-image:none;mask-image:none}}.glitch-text--base-only:before,.glitch-text--base-only:after{display:none}@media (prefers-reduced-motion:reduce){.glitch-bar [data-slot=progress-indicator]{animation:none}.glitch-bar [data-slot=progress-indicator]:before,.glitch-bar [data-slot=progress-indicator]:after{display:none}}.glitch-icon{--glitch-split:0.7%;display:inline-block;position:relative}.glitch-icon__base{animation:glitch-base var(--glitch-loop) steps(1, end) infinite;animation-delay:var(--glitch-offset);display:block}.glitch-icon__channel{pointer-events:none;clip-path:inset(100% 0 0);width:100%;animation-duration:var(--glitch-loop);animation-timing-function:step-end;animation-iteration-count:infinite;animation-delay:var(--glitch-offset);position:absolute;top:0;left:0}.glitch-icon__channel--a{left:calc(var(--glitch-split) * -1);animation-name:glitch-channel-a}.glitch-icon__channel--b{left:var(--glitch-split);animation-name:glitch-channel-b}.glitch-icon__channel--a,.glitch-icon__channel--a *{color:var(--glitch-a)}.glitch-icon__channel--b,.glitch-icon__channel--b *{color:var(--glitch-b)}@media (prefers-reduced-motion:reduce){.glitch-icon__base{animation:none}.glitch-icon__channel{display:none}}
