.qr-code-section[data-v-8d9cc1c4]{max-width:700px;padding-bottom:80px;padding-top:80px}.qr-code-section .qr-input[data-v-8d9cc1c4]{background:transparent;border:2px solid var(--p-primary-color)!important;border-radius:8px;color:#fff;font-size:1.5rem;margin-bottom:40px;padding:.5rem 1rem}.qr-code-section .image-preview[data-v-8d9cc1c4]{border-radius:8px;cursor:pointer}.qr-code-section .colors[data-v-8d9cc1c4]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr}.qr-code-section .color[data-v-8d9cc1c4]{align-items:center;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;transition:transform .15s ease;width:35px}.qr-code-section .color[data-v-8d9cc1c4]:hover{transform:scale(1.1)}.qr-code-section .color[data-v-8d9cc1c4]:active{transform:scale(.95)}.qr-code-section .file-input button[data-v-8d9cc1c4]{display:none!important}.qr-code-section .qr-code-container[data-v-8d9cc1c4]{border-radius:30px;overflow:hidden;padding:10px}.qr-code-section[data-v-8d9cc1c4] .img-qr{max-height:300px;max-width:300px}