.boarding-pass-viewfinder{position:relative;width:100%;aspect-ratio:16 / 10;background:#111;border-radius:10px;overflow:hidden;border:3px solid transparent;transition:border-color .15s}.boarding-pass-viewfinder.flash{border-color:var(--color-success)}.boarding-pass-video{width:100%;height:100%;object-fit:cover;display:block}.boarding-pass-viewfinder:not(.live) .boarding-pass-video{visibility:hidden}.boarding-pass-frame{position:absolute;inset:12% 10%;pointer-events:none}.boarding-pass-frame-corner{position:absolute;width:22px;height:22px;border:3px solid rgba(255,255,255,.9)}.boarding-pass-frame-corner.tl{top:0;left:0;border-right:0;border-bottom:0;border-top-left-radius:6px}.boarding-pass-frame-corner.tr{top:0;right:0;border-left:0;border-bottom:0;border-top-right-radius:6px}.boarding-pass-frame-corner.bl{bottom:0;left:0;border-right:0;border-top:0;border-bottom-left-radius:6px}.boarding-pass-frame-corner.br{bottom:0;right:0;border-left:0;border-top:0;border-bottom-right-radius:6px}.boarding-pass-scanline{position:absolute;left:4%;right:4%;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary) 20%,var(--color-primary) 80%,transparent);box-shadow:0 0 8px var(--color-primary);animation:boarding-pass-scan 2.2s ease-in-out infinite}@keyframes boarding-pass-scan{0%,to{top:6%}50%{top:94%}}@media(prefers-reduced-motion:reduce){.boarding-pass-scanline{animation:none;top:50%}}.boarding-pass-camera-message{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.5rem;text-align:center;color:#ffffffd9;font-size:.9rem;line-height:1.45}.boarding-pass-camera-message i{font-size:1.6rem;opacity:.8}.boarding-pass-found{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#10b98140;color:#fff;font-size:3rem;animation:boarding-pass-pop .7s ease-out forwards;pointer-events:none}@keyframes boarding-pass-pop{0%{opacity:0;transform:scale(.8)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media(max-width:768px){.boarding-pass-viewfinder{aspect-ratio:4 / 3}}