.mm-user-avatar-picker,.mm-user-avatar-trigger{--mm-user-avatar-size:80px;width:var(--mm-user-avatar-size);height:var(--mm-user-avatar-size);flex:0 0 var(--mm-user-avatar-size);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;display:block;position:relative}.mm-user-avatar-picker input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mm-user-avatar-visual{border-radius:inherit;color:#fff;width:100%;height:100%;box-shadow:none;background:linear-gradient(145deg,#6178ff,#bb65f7);place-items:center;display:grid;overflow:hidden}.mm-user-avatar-visual>img{object-fit:cover;width:100%;height:100%;display:block}.mm-user-avatar-visual__fallback{font-size:calc(var(--mm-user-avatar-size) * .32);font-weight:850}.mm-user-avatar-visual__camera{color:#fff;opacity:0;background:#0000008a;place-items:center;transition:opacity .14s;display:grid;position:absolute;inset:0}.mm-user-avatar-visual__camera svg{width:calc(var(--mm-user-avatar-size) * .34);height:calc(var(--mm-user-avatar-size) * .34);stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px}.mm-user-avatar-picker:is(:hover,:focus-within) .mm-user-avatar-visual__camera,.mm-user-avatar-trigger:is(:hover,:focus-visible,[aria-expanded=true]) .mm-user-avatar-visual__camera{opacity:1}.mm-user-avatar-picker:focus-within,.mm-user-avatar-trigger:focus-visible{outline:2px solid var(--mm-ui-selection,#64a8ff);outline-offset:3px}.mm-user-avatar-picker__status{color:#ffffffa3;width:max-content;max-width:180px;font-size:11px;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.mm-user-avatar-picker__status.is-error{color:#ff8f9d}.mm-user-display-name{align-items:center;gap:6px;min-width:0;display:inline-flex}.mm-user-display-name :is(h1,h2){text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.mm-user-display-name__edit{color:#ffffff94;cursor:pointer;opacity:0;background:0 0;border:0;border-radius:7px;flex:0 0 26px;place-items:center;width:26px;height:26px;padding:0;transition:color .14s,background .14s,opacity .14s;display:grid}.mm-user-display-name:is(:hover,:focus-within) .mm-user-display-name__edit{opacity:1}.mm-user-display-name__edit:is(:hover,:focus-visible){color:#fff;background:#ffffff14;outline:none}.mm-user-display-name__form{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:5px;min-width:0;display:grid}.mm-user-display-name__form input{color:#fff;width:100%;min-width:0;height:32px;font:inherit;background:#ffffff0f;border:1px solid #ffffff24;border-radius:8px;padding:0 9px}.mm-user-display-name__form button{color:#ffffffbd;height:30px;font:inherit;cursor:pointer;background:#ffffff12;border:0;border-radius:7px;padding:0 8px;font-size:11px}.mm-user-display-name__form button:disabled{cursor:default;opacity:.45}.mm-user-display-name__form small{color:#ff8f9d;grid-column:1/-1;font-size:11px}@media (hover:none){.mm-user-display-name__edit{opacity:1}}