.file-upload{margin-bottom:var(--md-spacing-6)}.file-upload__dropzone{justify-content:center;align-items:center;gap:var(--md-spacing-3);padding:var(--md-spacing-8);border:calc(var(--md-divider-thickness) * 2) dashed var(--md-outline);border-radius:var(--md-shape-medium);background-color:var(--md-surface-container-low);cursor:pointer;transition:border-color var(--md-motion-duration-short) var(--md-motion-easing-standard), background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);flex-direction:column;display:flex}.file-upload__dropzone:hover,.file-upload__dropzone--dragover{border-color:var(--md-primary);background-color:var(--md-surface-container)}.file-upload__icon{font-size:var(--md-icon-size-extra-large);color:var(--md-on-surface-variant)}.file-upload__text{font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-line);color:var(--md-on-surface-variant);text-align:center;margin-bottom:0}.file-upload__text strong{color:var(--md-primary)}.file-upload__hint{font-size:var(--md-body-small-size);line-height:var(--md-body-small-line);color:var(--md-on-surface-variant);margin-bottom:0}.file-upload__input{display:none}.file-upload__list{margin-top:var(--md-spacing-4);gap:var(--md-spacing-2);flex-direction:column;display:flex}.file-upload__file{align-items:center;gap:var(--md-spacing-3);padding:var(--md-spacing-3) var(--md-spacing-4);background-color:var(--md-surface-container);border-radius:var(--md-shape-small);display:flex}.file-upload__file-icon{font-size:var(--md-icon-size-medium);color:var(--md-primary)}.file-upload__file-name{font-size:var(--md-body-medium-size);color:var(--md-on-surface);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.file-upload__file-size{font-size:var(--md-body-small-size);color:var(--md-on-surface-variant)}.file-upload__file-remove{width:var(--md-icon-size-medium-large);height:var(--md-icon-size-medium-large);border-radius:var(--md-button-radius);color:var(--md-on-surface-variant);cursor:pointer;font-size:var(--md-icon-size-small);transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.file-upload__file-remove:hover{background-color:var(--md-surface-container-high)}