.avatar-upload{max-width:150px;position:relative}.avatar-upload:hover .remove-img-icon{opacity:1}.avatar-upload .avatar-edit{z-index:1;position:absolute;top:100px;right:12px}.avatar-upload .avatar-edit input{display:none}.avatar-upload .avatar-edit div+label{cursor:pointer;color:#03a6ff;background:#fff;border:1px solid #0000;border-radius:100%;width:34px;height:34px;margin-bottom:0;padding:5px 0 0 7px;font-size:22px;font-weight:400;transition:all .2s ease-in-out;display:inline-block;box-shadow:0 2px 4px #0000001f}.avatar-upload .avatar-edit input+label:hover{background:#f1f1f1;border-color:#d6d6d6}.avatar-upload .avatar-edit input+label:after{color:#757575;text-align:center;margin:auto;position:absolute;top:10px;left:0;right:0}.avatar-upload .avatar-preview{border:1px solid #f8f8f8;border-radius:100%;width:140px;height:140px;position:relative;box-shadow:0 2px 4px #0000001a}.remove-img-icon{color:#4a4a4a;opacity:0;z-index:1;font-size:20px;position:absolute;top:0;right:0}.remove-img-icon:hover{color:#ff8181;cursor:pointer}.avatar-upload .avatar-preview>div{background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:100%;width:100%;height:100%}