.taroify-uploader{display:inline-block;position:relative}.taroify-uploader__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.taroify-uploader__wrapper--disabled{opacity:var(--uploader-disabled-opacity,var(--disabled-opacity,var(--disabled-opacity,.5)))}.taroify-uploader__upload,.taroify-uploader__wrapper--disabled .taroify-uploader__upload:active{background:var(--uploader-upload-background-color,var(--gray-1,#f7f8fa))}.taroify-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;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--uploader-upload-height,var(--uploader-upload-size,var(--uploader-size,160px)));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)))}.taroify-uploader__upload:active{background:var(--uploader-upload-active-background-color,var(--active-color,var(--gray-2,#f2f3f5)))}.taroify-uploader__upload--readonly:active{background:var(--uploader-upload-background-color,var(--gray-1,#f7f8fa))}.taroify-uploader__upload .taroify-uploader__upload-icon{color:var(--uploader-upload-icon-color,var(--gray-4,#dcdee0));font-size:var(--uploader-upload-icon-font-size,48px)}.taroify-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))}.taroify-uploader__preview{cursor:pointer;margin:var(--uploader-preview-margin,0 var(--padding-xs,16px) var(--padding-xs,16px) 0);position:relative}.taroify-uploader__preview-image{display:block;height:100%;width:100%}.taroify-uploader__preview-image-wrapper{display:block;height:var(--uploader-preview-image-height,var(--uploader-preview-image-size,var(--uploader-size,160px)))!important;overflow:hidden;width:var(--uploader-preview-image-width,var(--uploader-preview-image-size,var(--uploader-size,160px)))!important}.taroify-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))}.taroify-uploader__preview-remove .taroify-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)}.taroify-uploader__mask,.taroify-uploader__preview-cover{bottom:0;left:0;position:absolute;right:0;top:0}.taroify-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;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:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;justify-content:center}.taroify-uploader__mask-icon{font-size:var(--uploader-mask-icon-size,44px)}.taroify-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))}.taroify-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))}.taroify-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;align-items:center;background:var(--uploader-file-background-color,var(--background-color,var(--gray-1,#f7f8fa)));display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:var(--uploader-file-height,var(--uploader-file-size,var(--uploader-size,160px)));justify-content:center;width:var(--uploader-file-width,var(--uploader-file-size,var(--uploader-size,160px)))}.taroify-uploader__file-icon{color:var(--uploader-file-icon-color,var(--gray-7,#646566));font-size:var(--uploader-file-icon-font-size,40px)}.taroify-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%}