.i8-file-input{--icon-color:var(--c-transparent-black_500);align-items:center;border:var(--file-input-border,1px dashed var(--c-transparent-black_300));border-radius:var(--file-input-border-radius,4px);cursor:pointer;display:flex;flex-direction:column;height:var(--file-input-height,172px);justify-content:center;padding:var(--file-input-padding,24px);position:var(--file-input-position,relative);text-align:center;transition:all .2s;width:var(--file-input-width,280px)}.i8-file-input:hover{background:var(--file-input-hover-background,var(--c-transparent-black_100));border-color:var(--file-input-hover-border-color,var(--c-transparent-black_500))}.i8-file-input--dragenter{background:var(--file-input-dragenter-background,var(--c-transparent-black_100));border-color:var(--file-input-dragenter-border-color,var(--c-transparent-black_800));border-style:var(--file-input-dragenter-border-style,solid)}.i8-file-input--disabled{--icon-color:var(--c-transparent-black_400);color:var(--file-input-disabled-color,var(--c-transparent-black_400));pointer-events:none}.i8-file-input--disabled .i8-file-input__text{color:var(--file-input-disabled-text-color,var(--c-transparent-black_400))}.i8-file-input--error{border-color:var(--file-input-error-border-color,var(--c-red_600))}.i8-file-input--clicked{background:var(--file-input-clicked-background,var(--c-transparent-black_200));border:var(--file-input-clicked-border,1px dashed var(--c-transparent-black_800))}.i8-file-input__input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.i8-file-input__text{color:var(--file-input-text-color,var(--c-black_500));font:var(--file-input-text-font,var(--file-input-text-font-weight,var(--upload-form-font-weight,var(--font-normal))) var(--file-input-text-font-size,var(--upload-form-font-size,var(--font-sm)))/var(--file-input-text-font-line-height,var(--badge-line-height-medium,20px)) var(--file-input-text-font-family,var(--font-family-legacy)));margin:0}.i8-file-input__title{color:var(--file-input-title-color,var(--c-black_900));font:var(--file-input-title-font,var(--file-input-title-font-weight,var(--upload-form-font-weight,var(--font-semibold))) var(--file-input-title-font-size,var(--upload-form-font-size,var(--font-sm)))/var(--file-input-title-font-line-height,var(--badge-line-height-medium,20px)) var(--file-input-title-font-family,var(--font-family-legacy)));margin:var(--file-input-title-margin,14px 0 4px 0)}.i8-file-input__requirements{margin:var(--file-input-requirements-margin,0 0 12px 0)}.i8-file-input__icon{fill:var(--c-black_500);height:24px;width:24px}