@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes markersSlide{0%,to{transform:translateY(0)}50%{transform:translateY(60%)}}@keyframes scannerSweep{0%{top:5%;opacity:0}5%{opacity:1}95%{opacity:1}to{top:90%;opacity:0}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.scan-overlay-guide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:overlayFadeIn 1s ease-out forwards}.scan-overlay-guide.fade-out{animation:overlayFadeOut .3s ease-out forwards}.scan-overlay-receipt{position:relative;width:60%;height:65%;display:flex;align-items:center;justify-content:center}.scan-overlay-receipt svg{width:100%;height:100%}.scan-overlay-markers{position:absolute;top:8%;left:5%;right:5%;height:45%;pointer-events:none}.scan-overlay-marker{position:absolute;width:24px;height:24px;animation:markersSlide 3s ease-in-out infinite}.scan-overlay-marker.tl{top:0;left:0}.scan-overlay-marker.tr{top:0;right:0}.scan-overlay-marker.bl{bottom:0;left:0}.scan-overlay-marker.br{bottom:0;right:0}.scan-overlay-scanner{position:absolute;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent 0%,#4ADE80 30%,#4ADE80 70%,transparent 100%);box-shadow:0 0 12px 3px #4ade8080;z-index:15;animation:scannerSweep 1s ease-in-out forwards;pointer-events:none}.scan-overlay-btn{position:absolute;bottom:18%;left:50%;transform:translate(-50%);background:#f97316;border:none;border-radius:100px;padding:14px 40px;cursor:pointer;box-shadow:0 4px 20px #f9731680;font-family:Nunito,sans-serif;font-weight:800;color:#fff;font-size:1.1rem;z-index:14}.scan-overlay-processing{position:absolute;top:0;right:0;bottom:0;left:0;z-index:18;background:#0009;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.scan-overlay-processing-text{font-family:Nunito,sans-serif;font-weight:800;color:#f97316;font-size:.95rem}