.qr-button[data-v-57f1dbde]{background-color:#9b9b9b;color:#fff;border:none;border-radius:50%;width:56px;height:56px;cursor:pointer;font-size:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 2px 6px rgba(0,0,0,.3);box-shadow:0 2px 6px rgba(0,0,0,.3)}.qr-button[data-v-57f1dbde]:hover{background-color:#5f5f5f}.scanner-overlay[data-v-57f1dbde]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1000}.scanner[data-v-57f1dbde]{width:320px;min-height:320px;background:#fff;padding:10px;border-radius:8px}.close-button[data-v-57f1dbde]{position:absolute;top:20px;right:20px;background:#000;color:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer}.close-button[data-v-57f1dbde]:hover{background:#d32f2f}