:root{--total-loop:11s}.gpu-layer{will-change:transform, opacity;transform:translateZ(0)}@keyframes cursor-track{0%{opacity:0;transform:translate(180px,95px)scale(1)}3%{opacity:1}10%{transform:translate(60px,40px)scale(1)}13%{transform:translate(60px,40px)scale(.88)}17%{transform:translate(60px,62px)scale(1)}20%{transform:translate(60px,62px)scale(.88)}24%{transform:translate(60px,84px)scale(1)}27%{transform:translate(60px,84px)scale(.88)}33%{transform:translate(245px,110px)scale(1)}36%{transform:translate(245px,110px)scale(.82)}39%{opacity:1;transform:translate(245px,110px)scale(1)}44%,to{opacity:0;transform:translate(280px,130px)scale(1)}}.animate-cursor{animation:cursor-track var(--total-loop) cubic-bezier(.22, 1, .36, 1) infinite}@keyframes row1-flow{0%,9%{opacity:0;transform:translate(-10px)}10%,82%{opacity:1;transform:translate(0)}86%,to{opacity:0;transform:translateY(-4px)}}@keyframes row2-flow{0%,16%{opacity:0;transform:translate(-10px)}17%,82%{opacity:1;transform:translate(0)}86%,to{opacity:0;transform:translateY(-4px)}}@keyframes row3-flow{0%,23%{opacity:0;transform:translate(-10px)}24%,82%{opacity:1;transform:translate(0)}86%,to{opacity:0;transform:translateY(-4px)}}.animate-row-1{animation:row1-flow var(--total-loop) cubic-bezier(.16, 1, .3, 1) infinite}.animate-row-2{animation:row2-flow var(--total-loop) cubic-bezier(.16, 1, .3, 1) infinite}.animate-row-3{animation:row3-flow var(--total-loop) cubic-bezier(.16, 1, .3, 1) infinite}@keyframes count-total{0%,26%{opacity:0;transform:translateY(6px)}30%,82%{opacity:1;transform:translateY(0)}86%,to{opacity:0}}.animate-total-block{animation:count-total var(--total-loop) cubic-bezier(.16, 1, .3, 1) infinite}@keyframes action-btn{0%,35%{filter:brightness();transform:scale(1)}36%{filter:brightness(.82);transform:scale(.9)}38%,82%{filter:brightness();transform:scale(1)}86%,to{opacity:1}}@keyframes ripple-effect{0%,35%{opacity:0;transform:scale(.4)}36%{opacity:.55}40%,45%{opacity:0;transform:scale(2.6)}to{opacity:0}}.animate-pos-btn{animation:action-btn var(--total-loop) ease-in-out infinite}.animate-ripple{animation:ripple-effect var(--total-loop) ease-out infinite;transform-origin:50%}@keyframes pulse-travel{0%,36%{stroke-dashoffset:240px;opacity:0}38%{opacity:1}46%,to{stroke-dashoffset:0;opacity:0}}.animate-pulse-line{stroke-dasharray:45 195;animation:pulse-travel var(--total-loop) cubic-bezier(.4, 0, .2, 1) infinite}@keyframes led-blink{0%,43%{fill:#4b5563;filter:drop-shadow(0 0 #0000)}44%,74%{fill:#10b981;filter:drop-shadow(0 0 6px #10b981)}75%,to{fill:#4b5563;filter:drop-shadow(0 0 #0000)}}@keyframes hardware-shake{0%,43%,52%,to{transform:translate(0)rotate(0)}44%,46%,48%,50%{transform:translate(-1px,.5px)rotate(-.5deg)}45%,47%,49%,51%{transform:translate(1px,-.5px)rotate(.5deg)}}.animate-led{animation:led-blink var(--total-loop) step-end infinite}.animate-printer{animation:hardware-shake var(--total-loop) ease-in-out infinite;transform-origin:bottom}@keyframes receipt-eject{0%,44%{opacity:0;transform:translateY(-145px)}45%{opacity:1}68%{opacity:1;transform:translateY(0)}71%{opacity:1;transform:translateY(4px)rotate(1.5deg)}77%,to{opacity:0;transform:translateY(24px)rotate(5deg)}}.animate-receipt-paper{animation:receipt-eject var(--total-loop) cubic-bezier(.22, 1, .36, 1) infinite;transform-origin:top}@keyframes segment-fade{0%,46%{opacity:0;transform:translateY(4px)}49%,to{opacity:1;transform:translateY(0)}}@keyframes segment-fade-2{0%,50%{opacity:0;transform:translateY(4px)}53%,to{opacity:1;transform:translateY(0)}}@keyframes segment-fade-3{0%,54%{opacity:0;transform:translateY(4px)}57%,to{opacity:1;transform:translateY(0)}}@keyframes segment-fade-4{0%,58%{opacity:0;transform:translateY(4px)}61%,to{opacity:1;transform:translateY(0)}}@keyframes segment-fade-5{0%,62%{opacity:0;transform:translateY(4px)}65%,to{opacity:1;transform:translateY(0)}}.seg-1{animation:segment-fade var(--total-loop) ease-out infinite}.seg-2{animation:segment-fade-2 var(--total-loop) ease-out infinite}.seg-3{animation:segment-fade-3 var(--total-loop) ease-out infinite}.seg-4{animation:segment-fade-4 var(--total-loop) ease-out infinite}.seg-5{animation:segment-fade-5 var(--total-loop) ease-out infinite}@keyframes hand-grab{0%,64%{opacity:0;transform:translate(110px,90px)rotate(10deg)}68%{opacity:1;transform:translate(0)rotate(0)}71%{opacity:1;transform:translate(-6px,8px)rotate(-2deg)}76%,to{opacity:0;transform:translate(130px,-50px)rotate(-15deg)}}.animate-hand{animation:hand-grab var(--total-loop) cubic-bezier(.16, 1, .3, 1) infinite;transform-origin:100% 100%}@keyframes pendant-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}.bg-pendant-1{animation:6s ease-in-out infinite pendant-sway}.bg-pendant-2{animation:7.5s ease-in-out .6s infinite pendant-sway}.bg-pendant-3{animation:6.8s ease-in-out 1.2s infinite pendant-sway}@keyframes steam-rise{0%{opacity:0;transform:translateY(4px)scaleY(.85)}35%{opacity:.9}to{opacity:0;transform:translateY(-14px)scaleY(1.1)}}.bg-steam-1{transform-origin:bottom;animation:4s ease-in-out infinite steam-rise}.bg-steam-2{transform-origin:bottom;animation:4s ease-in-out 1.4s infinite steam-rise}@media (prefers-reduced-motion:reduce){.animate-cursor,.animate-row-1,.animate-row-2,.animate-row-3,.animate-total-block,.animate-pos-btn,.animate-ripple,.animate-pulse-line,.animate-led,.animate-printer,.animate-receipt-paper,.animate-hand,.seg-1,.seg-2,.seg-3,.seg-4,.seg-5,.bg-pendant-1,.bg-pendant-2,.bg-pendant-3,.bg-steam-1,.bg-steam-2{opacity:1!important;stroke-dashoffset:0!important;animation:none!important;transform:none!important}}
