.glitch-input-wrapper{--secondary-color:#a855f7;--text-color:#e5e5e5;--font-family:"Fira Code", Consolas, "Courier New", Courier, monospace;--glitch-anim-duration:.4s;font-family:var(--font-family)}.holo-input:focus+.input-label,.holo-input:not(:placeholder-shown)+.input-label{opacity:1;color:var(--primary);font-size:.8rem;top:-1.5rem;left:0}.holo-input:focus+.input-label:before,.holo-input:focus+.input-label:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.holo-input:focus+.input-label:before{color:var(--secondary-color);animation:glitch-label var(--glitch-anim-duration) cubic-bezier(.25, .46, .45, .94) both}.holo-input:focus+.input-label:after{color:var(--primary);animation:glitch-label var(--glitch-anim-duration) cubic-bezier(.25, .46, .45, .94) reverse both}.stream-bar{transform:scaleY(0)}.holo-input:focus~.input-border{opacity:.8;border-color:var(--primary)}.holo-input:focus~.input-corners .corner{opacity:1;border-width:3px;width:1.25rem;height:1.25rem}.holo-input:focus~.input-glow{opacity:1}.holo-input:focus~.input-scanline{animation:4s linear infinite scan-vertical}.holo-input:focus~.input-data-stream{opacity:1}.holo-input:focus~.input-data-stream .stream-bar{animation:2s infinite data-pulse;animation-delay:calc(var(--i) * .1s)}@keyframes glitch-label{0%{clip-path:inset(0);transform:translate(0)}20%{clip-path:inset(50% 0 20%);transform:translate(-.2rem,.1rem)}40%{clip-path:inset(20% 0 60%);transform:translate(.1rem,-.1rem)}60%{clip-path:inset(80% 0 5%);transform:translate(-.15rem,.1rem)}80%{clip-path:inset(30% 0 45%);transform:translate(.15rem,-.15rem)}to{clip-path:inset(0);transform:translate(0)}}@keyframes scan-vertical{0%{opacity:0;transform:translateY(-75%)}25%{opacity:.2}75%{opacity:.2}to{opacity:0;transform:translateY(75%)}}@keyframes data-pulse{0%,to{opacity:.3;transform:scaleY(.2)}50%{opacity:.8;transform:scaleY(1)}}