.tag-scanner{box-sizing:border-box;width:min(480px,calc(100vw - 24px));max-height:90dvh;border:1px solid #dce4ef;border-radius:14px;padding:20px;color:#344054;background:#fff;overflow:auto}.tag-scanner::backdrop{background:#0b172a80}.tag-scanner header,.tag-scanner footer,.scanner-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tag-scanner h2{font-size:19px;margin:0}.tag-scanner p,.tag-scanner small{font-size:13px;line-height:1.5}.tag-scanner video{width:100%;max-height:30dvh;min-height:140px;background:#0b172a;border-radius:8px;object-fit:contain}.tag-scanner label{display:grid;gap:6px;font-size:13px;margin:12px 0}.tag-scanner input,.tag-scanner textarea,.tag-scanner select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #cdd5df;border-radius:6px;font:inherit}.tag-scanner button,.scan-tag-button{width:auto;min-height:40px;padding:8px 12px;background:#fff;border:1px solid #cdd5df;border-radius:8px;color:#175cd3;font:inherit;cursor:pointer}.tag-scanner [data-use]{background:#1570ef;color:#fff}.tag-scanner button:disabled{opacity:.5}.tag-scanner footer{margin-top:16px}.scanner-photo input{max-width:220px;font-size:12px}.scan-tag-button{justify-self:start;margin-top:6px;font-size:12px}.tag-scanner [hidden]{display:none!important}
