.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)}@media (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)}}.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}@media (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)}}