.avatar[data-v-f0283725]{width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;flex-shrink:0;position:relative;container-type:size}.avatar--disabled[data-v-f0283725]{filter:grayscale();transition:filter .3s}.avatar__image[data-v-f0283725],.avatar__initials[data-v-f0283725]{border-radius:50%;width:100%;height:100%}.avatar__image[data-v-f0283725]{object-fit:cover;display:block}.avatar__initials[data-v-f0283725]{color:#fff;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:flex}.avatar__picker[data-v-f0283725]{cursor:pointer;opacity:0;background-color:#28282880;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .3s;display:flex;position:absolute;inset:0}.avatar__picker[data-v-f0283725]:hover,.avatar__picker[data-v-f0283725]:focus-visible{opacity:1}.avatar__picker[data-v-f0283725]:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.avatar__picker-icon[data-v-f0283725]{width:clamp(10px, var(--avatar-size) / 3, 24px);height:clamp(10px, var(--avatar-size) / 3, 24px);color:#fff}.avatar__status[data-v-f0283725]{box-sizing:border-box;border:2px solid var(--color-neutral-000);background-color:var(--color-neutral-500);pointer-events:none;border-radius:50%;width:18.42%;min-width:8px;height:18.42%;min-height:8px;transition:background-color .3s;position:absolute;bottom:-1px;left:67%}.avatar__status--online[data-v-f0283725]{background-color:var(--color-alert-safe-500)}@container (width<48px){.avatar__status[data-v-f0283725]{border-width:1px}}