.qr-color-input{width:32px;height:32px;border:1px solid var(--gray-a7);border-radius:var(--radius-2);cursor:pointer;padding:0;background-color:transparent}.qr-preview-box{border:1px solid var(--gray-a6);box-shadow:var(--shadow-3);padding:10px;width:100%;height:280px;overflow:auto;display:flex;align-items:center;justify-content:center}.qr-code-clickable-wrapper{cursor:pointer;display:inline-block}.button-icon-spacing{margin-right:var(--space-1)}.qr-logo-upload-area{border:2px dashed var(--accent-9);border-radius:var(--radius-3);padding:var(--space-5);text-align:center;cursor:pointer;transition:all .2s ease;background-color:var(--accent-2)}.qr-logo-upload-area:hover{border-color:var(--accent-11);background-color:var(--accent-3)}.qr-logo-preview-container{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border:1px solid var(--gray-a6);border-radius:var(--radius-2);background-color:var(--gray-a2);padding:var(--space-2)}.qr-logo-preview{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-1)}