.avatar-wrapper[data-v-f90d4042]{border-radius:50%;display:inline-block;position:relative}.avatar-wrapper.is-editable[data-v-f90d4042]{cursor:pointer}.avatar-wrapper.is-editable:hover .edit-button[data-v-f90d4042]{opacity:1;transform:translateY(0)}.avatar-wrapper.is-editable:hover .avatar[data-v-f90d4042]:after{opacity:1}.avatar[data-v-f90d4042]{align-items:center;background-color:var(--color-primary-200);border-radius:50%;display:inline-flex;flex-shrink:0;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.avatar[data-v-f90d4042]:after{background:#0000004d;content:"";top:0;right:0;bottom:0;left:0;opacity:0;position:absolute;transition:opacity .2s ease-in-out}.avatar img[data-v-f90d4042]{height:100%;width:100%}.edit-button[data-v-f90d4042]{align-items:center;background:var(--color-primary-600);border:2px solid var(--color-primary-0);border-radius:50%;bottom:0;color:var(--color-primary-0);cursor:pointer;display:flex;height:32px;justify-content:center;left:50%;opacity:0;position:absolute;transform:translate(-50%) translateY(20px);transition:all .2s ease-in-out;width:32px}.edit-button[data-v-f90d4042]:hover{background:var(--color-primary-700)}.dark .avatar[data-v-f90d4042]{background-color:var(--color-primary-700)}.dark .edit-button[data-v-f90d4042]{background:var(--color-primary-400);border-color:var(--color-primary-800);color:var(--color-primary-900)}.dark .edit-button[data-v-f90d4042]:hover{background:var(--color-primary-500)}