.stack,.stack-hover{display:grid;grid-template-columns:1fr}.stack span,.stack-hover span{grid-column-start:1;grid-row-start:1;--color-1:#0f0;--color-2:red;--color-3:#0ff;--stack-height:calc(100%/var(--stacks) - 1.15px);--inverse-index:calc(var(--stacks) - 1 - var(--index));--clip-top:calc(var(--stack-height)*var(--index));--clip-bottom:calc(var(--stack-height)*var(--inverse-index));clip-path:inset(var(--clip-top) 0 var(--clip-bottom) 0)}.stack span{animation:stack .34s cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index)*.12s),glitch 2s ease infinite 2s alternate-reverse}.stack-hover span{animation:glitch-none 2s ease 2s infinite alternate-reverse}.stack-hover:hover span{animation:stack 40ms cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index)*10ms),glitch-hover 50ms ease both 50ms alternate-reverse}.stack span:nth-child(odd),.stack-hover span:nth-child(odd){--glitch-translate:8px}.stack span:nth-child(2n),.stack-hover span:nth-child(2n){--glitch-translate:-8px}@keyframes stack{0%{opacity:0;text-shadow:-2px 3px 0 var(--color-1),2px -3px 0 var(--color-2)}60%{opacity:.5}80%{opacity:1;text-shadow:2px -3px 0 var(--color-1),-2px 3px 0 var(--color-2);transform:none}to{text-shadow:none}}@keyframes glitch{0%{text-shadow:-2px 3px 0 var(--color-1),2px -3px 0 var(--color-2);transform:translate(var(--glitch-translate))}2%{text-shadow:2px -3px 0 var(--color-2),-2px 3px 0 var(--color-1)}4%,to{text-shadow:none;transform:none}}@keyframes glitch-hover{4%,to{transform:translate(var(--glitch-translate))}}@keyframes glitch-none{4%,to{text-shadow:none;transform:none}}