.camera-box{position:absolute;inset:0}.camera-box video{width:100%;height:100%;object-fit:cover}.camera-shade{position:absolute;inset:0;background:linear-gradient(#06101aaa,#06101a22 35%,#06101a22 65%,#06101aaa)}.camera-frame{position:absolute;left:10%;right:10%;top:30%;height:40%}.camera-frame i{position:absolute;width:36px;height:36px;border-color:var(--mint);border-style:solid}.camera-frame i:nth-child(1){left:0;top:0;border-width:3px 0 0 3px}.camera-frame i:nth-child(2){right:0;top:0;border-width:3px 3px 0 0}.camera-frame i:nth-child(3){left:0;bottom:0;border-width:0 0 3px 3px}.camera-frame i:nth-child(4){right:0;bottom:0;border-width:0 3px 3px 0}.camera-frame span{position:absolute;left:3%;right:3%;height:2px;top:50%;background:var(--mint);box-shadow:0 0 14px var(--mint);animation:laser 1.7s ease-in-out infinite}@keyframes laser{0%,100%{transform:translateY(-48px);opacity:.4}50%{transform:translateY(48px);opacity:1}}.camera-state{position:absolute;left:14px;bottom:14px;background:#06111ddd;border:1px solid #ffffff22;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:800}.torch{position:absolute;right:14px;bottom:14px;padding:8px 11px;background:#f4f7fbee}.result.has-result{padding:28px}.barcode-mark{position:relative;margin:18px 0;padding:14px;border:1px solid #5ee6b855;background:#5ee6b812;border-radius:14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.barcode-mark .mark-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--mint);color:#07111f;font-size:20px;font-weight:1000}.barcode-mark small,.barcode-mark strong{display:block}.barcode-mark small{font-size:9px;letter-spacing:.11em;color:var(--muted)}.barcode-mark strong{font-family:ui-monospace,monospace;margin-top:3px}.barcode-mark>b{font-size:26px;color:var(--mint)}.camera-off video,.camera-off .camera-frame{display:none}