.reveal>*{animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.reveal>:nth-child(2){animation-delay:80ms}.reveal>:nth-child(3){animation-delay:.16s}.reveal>:nth-child(4){animation-delay:.24s}.reveal>:nth-child(5){animation-delay:.32s}.mock-write{animation:.8s cubic-bezier(.2,.8,.2,1) .1s both rise}.mock-write .qr-print,.mock-write .qr-print:after{animation-delay:.6s}.mock-link{animation:.7s cubic-bezier(.2,.8,.2,1) 1.1s both link-pass}.mock-spend{animation:.8s cubic-bezier(.2,.8,.2,1) 1.3s both rise}.viewfinder{--corner:linear-gradient(white, white);background:var(--corner) top left / 14% 2px, var(--corner) top left / 2px 14%, var(--corner) top right / 14% 2px, var(--corner) top right / 2px 14%, var(--corner) bottom left / 14% 2px, var(--corner) bottom left / 2px 14%, var(--corner) bottom right / 14% 2px, var(--corner) bottom right / 2px 14%;opacity:.8;background-repeat:no-repeat}.scan-line{background:var(--primary);box-shadow:0 0 12px var(--primary);animation:2.4s ease-in-out 2s infinite alternate both scan;top:20%}@keyframes rise{0%{opacity:0;transform:translateY(16px)}}@keyframes link-pass{0%{opacity:0;translate:-60%}}@keyframes scan{0%{top:20%}to{top:80%}}@media (prefers-reduced-motion:reduce){.reveal>*,.mock-write,.mock-link,.mock-spend,.scan-line{animation:none}}