.qr-reader-overlay[data-v-fdec144f]{background-color:#161616;bottom:0;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.qr-reader-container[data-v-fdec144f],.qr-reader-overlay[data-v-fdec144f]{align-items:center;display:flex;flex-direction:column}.qr-reader-container[data-v-fdec144f]{max-width:400px;padding:20px;width:100%}.camera-area[data-v-fdec144f]{aspect-ratio:1;background-color:#000;border-radius:15px;margin-bottom:20px;max-width:350px;overflow:hidden;position:relative;width:100%}.camera-video[data-v-fdec144f]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.scan-frame[data-v-fdec144f]{border-radius:14px;box-shadow:0 0 0 2000px #00000059;height:240px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:240px}.scan-frame[data-v-fdec144f]:after,.scan-frame[data-v-fdec144f]:before{border:3px solid #fff;content:"";height:34px;position:absolute;width:34px}.scan-frame[data-v-fdec144f]:before{border-bottom:none;border-radius:14px 0 0;border-right:none;left:0;top:0}.scan-frame[data-v-fdec144f]:after{border-left:none;border-radius:0 0 14px;border-top:none;bottom:0;right:0}.close-button[data-v-fdec144f]{align-items:center;background-color:#ffffff24;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.close-button[data-v-fdec144f]:hover{background-color:#ffffff3d}.close-icon[data-v-fdec144f]{font-weight:700;line-height:1}.status-message[data-v-fdec144f]{background-color:#000000b3;border-radius:20px;color:#fff;font-size:14px;margin-top:15px;padding:8px 16px;text-align:center}@media (max-width:480px){.qr-reader-container[data-v-fdec144f]{padding:15px}.camera-area[data-v-fdec144f]{max-width:300px}.scan-frame[data-v-fdec144f]{height:200px;width:200px}.close-button[data-v-fdec144f]{font-size:20px;height:50px;width:50px}}