.file-uploader{font-size:var(--input-font-size);font-weight:var(--input-font-weight);color:var(--input-color);border:solid 1px var(--input-border-color);border-radius:5px;box-sizing:border-box;overflow:hidden;width:100%;min-height:var(--input-height);position:relative}.file-uploader input.output{width:1px;height:1px;position:absolute;left:-100px;top:-100px;overflow:hidden;box-sizing:border-box}.file-uploader input[type=file]{width:1px;height:1px;position:absolute;left:-100px;top:-100px;overflow:hidden;box-sizing:border-box}.file-uploader .preview{display:none;flex:1 1 auto;width:100%;height:100px;border-bottom:solid 1px #eee;background-position:50%;background-repeat:no-repeat;background-size:cover}.file-uploader .controls{display:flex;flex-flow:row nowrap;justify-content:stretch;width:100%;height:44px;line-height:44px;position:relative}.file-uploader .controls .app-button{border:0;border-radius:0;padding:0 10px;min-width:44px;min-height:44px;box-shadow:none}.file-uploader .controls .app-button svg{width:20px;height:20px}.file-uploader .controls .select{flex:1 0 auto}.file-uploader .controls .file-name{flex:0 1 100%;box-sizing:border-box;display:none;position:relative}.file-uploader .controls .file-name span{display:block;position:absolute;padding:0 15px;box-sizing:border-box;left:0;top:0;bottom:0;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-uploader .controls .delete{display:none;box-sizing:border-box;flex:0 0 auto;color:#D30404;opacity:.6}.file-uploader .controls .delete svg{fill:#D30404}.file-uploader .controls .delete:hover{opacity:1}.file-uploader:hover{border-color:var(--hover--input-border-color)}.file-uploader:focus{border-color:var(--focus--input-border-color)}.file-uploader.invalid{border-color:#e66c6c}.file-uploader.invalid .controls .select{color:#e66c6c}.file-uploader.has-preview .preview{display:block}.file-uploader.has-value .controls .select{display:none}.file-uploader.has-value .controls .file-name{display:block}.file-uploader.has-value .controls .delete{display:flex}.file-uploader.uploading .controls .select{display:none}.file-uploader.uploading .controls .file-name{display:block}.file-uploader.uploading .controls .delete{display:none}