.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;display:flex;position:relative;min-block-size:var(--size-13);align-items:center;justify-content:center;flex-direction:column;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)}.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]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;z-index:-1;cursor:pointer}.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;display:grid;grid-template-areas:var(--qr-grid-template-areas);gap:var(--size-8)}@media (min-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);display:flex;flex-direction:column;gap:var(--size-2)}@media (min-width: 768px){:root{--font-size-display-xs: var(--font-size-md);--font-size-display-sm: var(--font-size-xl);--font-size-display-md: var(--font-size-3xl);--font-size-display-lg: var(--font-size-5xl);--font-size-display-xl: var(--font-size-7xl);--font-size-display-2xl: var(--font-size-10xl);--space-1: var(--size-1);--space-2: var(--size-2);--space-3: var(--size-3);--space-4: var(--size-4);--space-5: var(--size-5);--space-6: var(--size-6);--space-8: var(--size-8);--space-10: var(--size-10);--space-12: var(--size-12);--space-14: var(--size-14);--space-16: var(--size-16);--space-18: var(--size-18);--space-20: var(--size-20);--space-30: var(--size-30);--space-40: var(--size-40)}}