.hl-uploader{position:relative;display:inline-block}.hl-uploader__wrapper{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.hl-uploader__wrapper--disabled{opacity:.5}.hl-uploader__input{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:pointer;opacity:0}.hl-uploader__input-wrapper{position:relative}.hl-uploader__input:disabled{cursor:not-allowed}.hl-uploader__upload{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;width:4rem;height:4rem;margin:0 .4rem .4rem 0;background-color:#f7f8fa}.hl-uploader__upload:active{background-color:#f2f3f5}.hl-uploader__upload-icon{color:#dcdee0;font-size:1.2rem}.hl-uploader__upload-text{margin-top:.4rem;color:#969799;font-size:.6rem}.hl-uploader__preview{position:relative;margin:0 .4rem .4rem 0;cursor:pointer}.hl-uploader__preview-image{display:block;width:4rem;height:4rem;overflow:hidden}.hl-uploader__preview-delete{position:absolute;top:0;right:0;width:.7rem;height:.7rem;background-color:rgba(0,0,0,.7);border-radius:0 0 0 .6rem}.hl-uploader__preview-delete-icon{position:absolute;top:-.1rem;right:-.1rem;color:#fff;color:#fff;font-size:.8rem;-webkit-transform:scale(.5);transform:scale(.5)}.hl-uploader__preview-cover{position:absolute;top:0;right:0;bottom:0;left:0}.hl-uploader__mask{position:absolute;top:0;right:0;bottom:0;left:0;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#fff;background-color:fade(#262626,88%)}.hl-uploader__mask-icon{font-size:1.1rem}.hl-uploader__mask-message{margin-top:.3rem;padding:0 .2rem;font-size:.6rem;line-height:.7rem}.hl-uploader__loading{width:1.1rem;height:1.1rem;color:#fff}.hl-uploader__file{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:4rem;height:4rem;background-color:#f7f8fa}.hl-uploader__file-icon{color:#646566;font-size:1rem}.hl-uploader__file-name{box-sizing:border-box;width:100%;margin-top:.4rem;padding:0 .2rem;color:#646566;font-size:.6rem;text-align:center}