#qr-reader{position:relative;width:100%;min-height:300px;background:#000}#qr-reader:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(0,0,0,.6) 0,transparent 30%,transparent 70%,rgba(0,0,0,.6)),linear-gradient(180deg,rgba(0,0,0,.6) 0,transparent 30%,transparent 70%,rgba(0,0,0,.6));z-index:10}#qr-reader:after,#qr-reader:before{content:"";position:absolute;pointer-events:none}#qr-reader:after{top:50%;left:50%;transform:translate(-50%,-50%);width:260px;height:260px;border:3px solid oklch(var(--primary));border-radius:12px;box-shadow:0 0 0 4px oklch(from var(--primary) l c h/.1),inset 0 0 0 4px oklch(from var(--primary) l c h/.1);z-index:11;animation:scan-border 2s ease-in-out infinite}@keyframes scan-border{0%,to{box-shadow:0 0 0 4px oklch(from var(--primary) l c h/.2),inset 0 0 0 4px oklch(from var(--primary) l c h/.2)}50%{box-shadow:0 0 0 8px oklch(from var(--primary) l c h/.4),inset 0 0 0 8px oklch(from var(--primary) l c h/.4)}}.scan-corner{position:absolute;width:30px;height:30px;border-color:oklch(var(--primary));pointer-events:none;z-index:12}.scan-corner-tl{top:calc(50% - 130px);left:calc(50% - 130px);border-top:4px solid;border-left:4px solid;border-top-left-radius:12px}.scan-corner-tr{top:calc(50% - 130px);right:calc(50% - 130px);border-top:4px solid;border-right:4px solid;border-top-right-radius:12px}.scan-corner-bl{bottom:calc(50% - 130px);left:calc(50% - 130px);border-bottom:4px solid;border-left:4px solid;border-bottom-left-radius:12px}.scan-corner-br{bottom:calc(50% - 130px);right:calc(50% - 130px);border-bottom:4px solid;border-right:4px solid;border-bottom-right-radius:12px}#qr-reader video{max-height:500px!important;object-fit:cover}#qr-reader canvas,#qr-reader video{width:100%!important;height:auto!important;border-radius:.5rem}#qr-reader__dashboard{position:relative!important;margin-top:.5rem}#qr-reader__dashboard_section{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}#qr-reader__dashboard_section_swaplink{display:none!important}#qr-reader__status_span{font-size:.875rem;color:#6b7280;text-align:center;padding:.5rem}#qr-reader__header_message{display:none!important}#qr-reader__camera_selection{margin-top:.5rem;padding:.5rem;background:#f9fafb;border-radius:.375rem}#qr-reader__camera_selection select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem}#qr-reader__camera_permission_button{display:none!important}#qr-reader__scan_region{position:relative}#qr-reader__scan_region video{border:2px solid oklch(var(--primary));box-shadow:0 0 0 4px oklch(from var(--primary) l c h/.1)}@keyframes scan-pulse{0%,to{box-shadow:0 0 0 4px oklch(from var(--primary) l c h/.1)}50%{box-shadow:0 0 0 8px oklch(from var(--primary) l c h/.2)}}#qr-reader__scan_region video{animation:scan-pulse 2s ease-in-out infinite}@media (max-width:640px){#qr-reader{min-height:250px}#qr-reader canvas,#qr-reader video{max-height:400px!important}}#scan-line{position:absolute;top:50%;left:50%;transform:translate(-50%,-130px);width:250px;height:2px;background:linear-gradient(90deg,transparent,oklch(var(--primary)),transparent);box-shadow:0 0 10px oklch(var(--primary));pointer-events:none;z-index:13;animation:scan-line-move 2s linear infinite}@keyframes scan-line-move{0%{transform:translate(-50%,-130px)}to{transform:translate(-50%,130px)}}