.userphoto{display:flex;justify-content:center;align-items:center;position:relative;text-align:center}.userphoto-img{width:150px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:100%;transition:opacity .3s}.userphoto-edit{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:3rem;transition:opacity .3s;cursor:pointer;z-index:10}.userphoto-edit,.userphoto-field{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;opacity:0}.userphoto-field{padding:0;width:100%;height:100%}.userphoto i{transition:opacity .3s}.userphoto:hover .userphoto-img{opacity:.2}.userphoto:hover .userphoto-edit{opacity:.9}.userphoto-delete:hover,.userphoto-icon:hover{opacity:.5}.modal-photo{display:flex;justify-content:center}.new-photo{width:150px;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:100%}.userprofile{display:flex;flex-direction:column;justify-content:flex-start;padding-bottom:1rem;margin-left:2rem;height:100%;word-break:break-all;word-wrap:break-word}.userprofile .email,.userprofile .location,.userprofile .role{position:relative;padding-left:1.4rem}.userprofile i{position:absolute;left:0;top:4px}.userprofile .role i{left:1px}.userprofile .role{margin-bottom:0}.userprofile-name{display:block;margin-bottom:1.5rem}.userprofile-name .btn,.userprofile-name p{margin-bottom:0}.username{margin-bottom:.3rem;font-size:1.5rem;min-height:2.3rem}.useremail-edit{transition:all 1s ease}.change-password span{cursor:pointer}