.file-upload-input{--file-upload-dropzone-color:var(--color-surface-00);--file-upload-dropzone-border-color:var(--color-border-input);--file-upload-dropzone-border-style:dashed;min-block-size:var(--size-13);padding:var(--size-6) var(--size-4);background-color:var(--file-upload-dropzone-color);border-radius:var(--radius-md);border:2px var(--file-upload-dropzone-border-style) var(--file-upload-dropzone-border-color);cursor:pointer;transition:background-color var(--duration-short) var(--ease-in-out), border var(--duration-short) var(--ease-in-out);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.file-upload-input[data-has-file=true]{--file-upload-dropzone-border-style:solid}.file-upload-input:hover{--file-upload-dropzone-color:var(--color-blue-00);--file-upload-dropzone-border-color:var(--a11y-outline-color);--file-upload-dropzone-border-style:dashed}.file-upload-input[data-active=true]{--file-upload-dropzone-color:var(--color-blue-00);--file-upload-dropzone-border-color:var(--color-blue-20);--file-upload-dropzone-border-style:dashed}.file-upload-input[data-disabled=true]{opacity:.5;pointer-events:none}.file-upload-input input[type=file]{opacity:0;z-index:-1;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.file-upload-input:has(input:focus-visible){outline-width:var(--a11y-outline-width);outline-color:var(--a11y-outline-color);outline-style:solid}.file-upload-input-icon{color:var(--color-text-secondary);margin-block-end:var(--size-1)}.file-upload-input-success-icon{color:var(--color-interactive-positive);margin-block-end:var(--size-1)}.qr{--qr-grid-template-areas:"form" "about";--qr-form-area:form;--qr-about-area:about;grid-template-areas:var(--qr-grid-template-areas);gap:var(--size-8);display:grid}@media (width>=1024px){.qr{--qr-grid-template-areas:"form form form about about"}}.qr-form{grid-area:var(--qr-form-area)}.qr-about{grid-area:var(--qr-about-area);gap:var(--size-2);flex-direction:column;display:flex}