.avatar{display:flex;align-items:center;justify-content:center;position:relative;background:#c0d1dd;color:#fff;border-radius:50%;overflow:hidden}.avatar--with-action{cursor:pointer}.avatar__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar__icon{height:40%;width:40%}.avatar__file{height:0;width:0;border:none;background:none;right:0;overflow:hidden;visibility:hidden}.avatar__file,.avatar__plus{opacity:0;position:absolute;top:0}.avatar__plus{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out;left:0;background:#42474d}.avatar__plus:hover{opacity:1}