.userAvatar{width:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;border-radius:100%;border:1px solid #ddd;*{margin:0!important}&.default{border-radius:0;aspect-ratio:auto;display:block;img{object-fit:fill;height:auto}}&.square{border-radius:5%;img{object-fit:fill;height:auto}}&.icon{width:35px}&.profile{background:#f0f0f0;img{object-fit:contain}}#profileImageView{width:100%;height:100%;border-radius:inherit;object-fit:cover}#userName{background-color:#ade6ea;color:#2d7a80;text-transform:uppercase;height:100%;width:100%;font-size:inherit;display:flex;justify-content:center;align-items:center}&:hover .uploadOverlay{top:0}.uploadOverlay{position:absolute;height:100%;width:100%;display:flex;justify-content:center;align-items:center;background:hsla(0,0%,100%,.61);top:100%;border-radius:inherit;gap:8px;transition:all .3s ease-in-out;button{font-size:17px;background:#ffffff3d;color:#fff;padding:10px!important;&:hover{background:#ffffff62}}}&:hover{.uploadOverlay{background:rgba(0,0,0,.41)}}}