@vnmfify/core/uploader/index.css

```shell npm i @vnmfify/core -S ```

.vnmfify-uploader{display:inline-block;position:relative}.vnmfify-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.vnmfify-uploader__wrapper--disabled{opacity:var(--uploader-disabled-opacity,var(--disabled-opacity,.5))}.vnmfify-uploader__upload,.vnmfify-uploader__wrapper--disabled .vnmfify-uploader__upload:active{background:var(--uploader-upload-background-color,var(--gray-1,#f7f8fa))}.vnmfify-uploader__upload{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:var(--uploader-upload-height,var(--uploader-upload-size,var(--uploader-size,160px)));-webkit-justify-content:center;justify-content:center;margin:var(--uploader-upload-margin,0 var(--padding-xs,16px) var(--padding-xs,16px) 0);position:relative;width:var(--uploader-upload-width,var(--uploader-upload-size,var(--uploader-size,160px)))}.vnmfify-uploader__upload:active{background:var(--uploader-upload-active-background-color,var(--active-color,var(--gray-2,#f2f3f5)))}.vnmfify-uploader__upload--readonly:active{background:var(--uploader-upload-background-color,var(--gray-1,#f7f8fa))}.vnmfify-uploader__upload-icon{color:var(--uploader-upload-icon-color,var(--gray-4,#dcdee0));font-size:var(--uploader-upload-icon-font-size,48px)}.vnmfify-uploader__upload-text{color:var(--uploader-upload-text-color,var(--gray-6,#969799));font-size:var(--uploader-upload-text-font-size,var(--font-size-sm,24px));margin-top:var(--uploader-upload-text-margin-top,var(--padding-xs,16px))}.vnmfify-uploader__preview{cursor:pointer;margin:var(--uploader-preview-margin,0 var(--padding-xs,16px) var(--padding-xs,16px) 0);position:relative}.vnmfify-uploader__preview-image{display:block;height:var(--uploader-preview-image-height,var(--uploader-preview-image-size,var(--uploader-size,160px)));overflow:hidden;width:var(--uploader-preview-image-width,var(--uploader-preview-image-size,var(--uploader-size,160px)))}.vnmfify-uploader__preview-remove{background:var(--uploader-remove-background-color,rgba(0,0,0,.7));border-radius:var(--uploader-remove-border-radius,0 0 0 24px);height:var(--uploader-remove-height,var(--uploader-remove-size,28px));position:absolute;right:0;top:0;width:var(--uploader-remove-width,var(--uploader-remove-size,28px))}.vnmfify-uploader__preview-remove-icon{color:var(--uploader-remove-icon-color,var(--white,#fff));font-size:var(--uploader-remove-icon-font-size,32px);position:absolute;right:-4px;top:-4px;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}.vnmfify-uploader__mask,.vnmfify-uploader__preview-cover{bottom:0;left:0;position:absolute;right:0;top:0}.vnmfify-uploader__mask{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--uploader-mask-background-color,rgba(50,50,51,.88));color:var(--uploader-mask-color,var(--white,#fff));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center}.vnmfify-uploader__mask-icon{font-size:var(--uploader-mask-icon-size,44px)}.vnmfify-uploader__mask-message{font-size:var(--uploader-mask-message-font-size,var(--font-size-sm,24px));line-height:var(--uploader-mask-message-line-height,var(--line-height-xs,28px));margin-top:var(--uploader-mask-message-margin-top,12px);padding:var(--uploader-mask-message-padding,0 var(--padding-base,8px))}.vnmfify-uploader__loading{color:var(--uploader-loading-icon-color,var(--white,#fff));height:var(--uploader-loading-icon-height,var(--uploader-loading-icon-size,44px));width:var(--uploader-loading-icon-width,var(--uploader-loading-icon-size,44px))}.vnmfify-uploader__file{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-align-items:center;align-items:center;background:var(--uploader-file-background-color,var(--background-color,var(--gray-1,#f7f8fa)));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:var(--uploader-file-height,var(--uploader-file-size,var(--uploader-size,160px)));-webkit-justify-content:center;justify-content:center;width:var(--uploader-file-width,var(--uploader-file-size,var(--uploader-size,160px)))}.vnmfify-uploader__file-icon{color:var(--uploader-file-icon-color,var(--gray-7,#646566));font-size:var(--uploader-file-icon-font-size,40px)}.vnmfify-uploader__file-name{-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--uploader-file-name-color,var(--gray-7,#646566));font-size:var(--uploader-file-name-font-size,var(--font-size-sm,24px));margin-top:var(--uploader-file-name-margin-top,var(--padding-xs,16px));padding:var(--uploader-file-name-padding,0 var(--padding-base,8px));text-align:center;width:100%}
/*# sourceMappingURL=index.css.map */