.scanner-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.scanner-vignette{position:absolute;inset:0;box-shadow:inset 0 0 10vmax 5vmax rgba(0,0,0,.6)}.scanner-frame{width:80%;height:50%;border:2px solid rgba(255,255,255,.5);border-radius:1rem;position:relative;box-shadow:0 0 20px rgba(0,0,0,.5)}.scanner-line{position:absolute;left:10%;right:10%;top:25%;height:3px;background:linear-gradient(180deg,transparent,rgba(255,0,0,.8),transparent);box-shadow:0 0 10px rgba(255,0,0,.8);animation:scan 2.5s linear infinite;border-radius:5px}.scanner-text{position:absolute;bottom:15%;padding:.25rem 1rem;background-color:rgba(0,0,0,.6);border-radius:9999px;font-size:.875rem;font-weight:500;color:white;text-shadow:0 1px 2px rgba(0,0,0,.5)}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(calc(50vh * .5))}}@media (min-width:768px){.scanner-frame{width:80%;height:50%}.scanner-line{animation-name:scan-desktop}.scanner-text{bottom:20%}}@keyframes scan-desktop{0%{transform:translateY(0)}to{transform:translateY(calc(50vh * .5))}}#reimagined-qr-reader{width:100%;height:100%}#reimagined-qr-reader video{width:100%!important;height:100%!important;object-fit:cover}