.esi-qr-camera-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:54px;margin:14px 0 20px;padding:12px 18px;border:1px solid rgba(56,182,255,.65);border-radius:13px;background:rgba(56,182,255,.12);color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:.2s}.esi-qr-camera-button span{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#38b6ff;color:#071525}.esi-qr-camera-button:hover{background:#38b6ff;color:#071525;transform:translateY(-1px)}.esi-qr-camera-button:disabled{opacity:.65;cursor:wait}.esi-qr-scanner{margin:0 0 22px;padding:18px;border:1px solid rgba(56,182,255,.4);border-radius:17px;background:#061321;box-shadow:0 18px 50px rgba(0,0,0,.28)}.esi-scanner-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.esi-scanner-head span{color:#38b6ff;font-size:9px;font-weight:900;letter-spacing:.16em}.esi-scanner-head h3{margin:4px 0 0;color:#fff;font-size:21px}.esi-scanner-head button{padding:9px 13px;border:0;border-radius:9px;background:#e8eef3;color:#17344a;font-weight:800;cursor:pointer}.esi-scanner-video{position:relative;overflow:hidden;min-height:260px;border-radius:14px;background:#000}.esi-scanner-video video{display:block;width:100%;max-height:55vh;object-fit:cover}.esi-scanner-video i{position:absolute;left:50%;top:50%;width:min(62vw,260px);height:min(62vw,260px);transform:translate(-50%,-50%);border:3px solid #38b6ff;border-radius:20px;box-shadow:0 0 0 999px rgba(0,0,0,.28),0 0 28px rgba(56,182,255,.45)}.esi-scanner-video i:after{content:"";position:absolute;left:8%;right:8%;top:50%;height:2px;background:#35d07f;box-shadow:0 0 12px #35d07f;animation:esi-scan 1.8s ease-in-out infinite}.esi-scanner-video p{position:absolute;left:0;right:0;bottom:12px;margin:0;color:#fff;font-size:12px;font-weight:800;text-align:center;text-shadow:0 2px 8px #000}.esi-qr-scanner>small{display:block;margin-top:12px;color:#aebfd0;line-height:1.5}@keyframes esi-scan{0%,100%{transform:translateY(-80px)}50%{transform:translateY(80px)}}@media(max-width:600px){.esi-qr-scanner{padding:12px}.esi-scanner-video{min-height:230px}.esi-scanner-head h3{font-size:18px}}