.glitch{color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:clamp(.05rem,.5vw,.2rem);font-family:monospace;font-size:clamp(1.8rem,10vw,6rem);font-weight:900;position:relative}.glitch:after,.glitch:before{content:attr(data-text);color:#8d0707;clip-path:inset(0);background-color:#000;width:100%;position:absolute;top:0;left:0;overflow:hidden}.glitch:not(.enable-on-hover):after{text-shadow:var(--after-shadow,-10px 0 #c42218);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px}.glitch:not(.enable-on-hover):before{text-shadow:var(--before-shadow,10px 0 cyan);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px}.glitch.enable-on-hover:after,.glitch.enable-on-hover:before{content:"";opacity:0;animation:none}.glitch.enable-on-hover:hover:after{content:attr(data-text);opacity:1;text-shadow:var(--after-shadow,-10px 0 #c42218);animation:animate-glitch var(--after-duration,3s) infinite linear alternate-reverse;left:10px}.glitch.enable-on-hover:hover:before{content:attr(data-text);opacity:1;text-shadow:var(--before-shadow,10px 0 cyan);animation:animate-glitch var(--before-duration,2s) infinite linear alternate-reverse;left:-10px}@keyframes animate-glitch{0%{clip-path:inset(20% 0 50%)}5%{clip-path:inset(10% 0 60%)}10%{clip-path:inset(15% 0 55%)}15%{clip-path:inset(25% 0 35%)}20%{clip-path:inset(30% 0 40%)}25%{clip-path:inset(40% 0 20%)}30%{clip-path:inset(10% 0 60%)}35%{clip-path:inset(15% 0 55%)}40%{clip-path:inset(25% 0 35%)}45%{clip-path:inset(30% 0 40%)}50%{clip-path:inset(20% 0 50%)}55%{clip-path:inset(10% 0 60%)}60%{clip-path:inset(15% 0 55%)}65%{clip-path:inset(25% 0 35%)}70%{clip-path:inset(30% 0 40%)}75%{clip-path:inset(40% 0 20%)}80%{clip-path:inset(20% 0 50%)}85%{clip-path:inset(10% 0 60%)}90%{clip-path:inset(15% 0 55%)}95%{clip-path:inset(25% 0 35%)}to{clip-path:inset(30% 0 40%)}}.text-type{color:#fff;align-items:baseline;font-family:monospace;display:inline-flex}.text-type__display{color:#fff;min-width:1ch}.text-type__cursor{opacity:1;margin-left:2px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#000;width:100%;height:100%;overflow:hidden}#root{width:100%;height:100%}.app-container{background-color:#000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden}.hero{text-align:left;flex-direction:column;gap:1rem;padding:0 1rem;display:flex}.subtitle{letter-spacing:.02em;opacity:.75;padding-left:1.2rem;font-size:.8rem}@media (width>=300px){.subtitle{padding-left:.4rem}}