.img-upload-box{background-color:var(--active-background-color,rgba(230,230,230,.5));border-radius:.5rem;height:220px;margin:auto;display:inline-block;position:relative;overflow:hidden;width:100%!important}.user-face .img-upload-box{height:100%!important}.img-upload-box.active{background-color:var(--color,#222)}.img-upload-box img{width:100%;height:100%;position:absolute;left:0}.img-upload-box input{opacity:0;z-index:9;width:100%;height:100%;display:block;position:absolute}.img-upload-box .icon{aspect-ratio:1;color:#fff;text-align:center;background-color:rgba(0,0,0,.3);border-radius:.5rem;width:3rem;height:3rem;font-size:2rem;line-height:3rem;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.img-upload-box{cursor:pointer}.img-upload-box span{font-size:1.5rem;top:50%}.img-upload-box em,.img-upload-box span{position:absolute;left:50%;transform:translate(-50%,-50%)}.img-upload-box em{color:#fff;text-align:center;background-color:rgba(100,100,100,.5);border-radius:.5rem;width:5rem;bottom:0}