/* SORA Project v131 — one AvatarWithFrame geometry for profile and picker. */

.avatar-frame-stack {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  isolation:isolate !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
}

.avatar-frame-stack > .avatar-frame-photo {
  position:absolute !important;
  z-index:1 !important;
  inset:auto !important;
  top:50% !important;
  left:50% !important;
  width:82% !important;
  height:82% !important;
  max-width:none !important;
  transform:translate(-50%,-50%) !important;
  border:0 !important;
  border-radius:50% !important;
  background:transparent !important;
  object-fit:cover !important;
  object-position:center !important;
}

.avatar-frame-stack:not(:has(> .avatar-frame-overlay)) > .avatar-frame-photo {
  width:100% !important;
  height:100% !important;
}

.avatar-frame-stack > .avatar-frame-overlay,
.avatar-frame-compact.avatar-frame-stack > .avatar-frame-overlay,
.profile-public-avatar.avatar-frame-stack > .avatar-frame-overlay,
.avatar-frame-preview.avatar-frame-stack > .avatar-frame-overlay {
  position:absolute !important;
  z-index:2 !important;
  inset:auto !important;
  top:0 !important;
  left:0 !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  transform:none !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  object-fit:contain !important;
  object-position:center !important;
  pointer-events:none !important;
  user-select:none !important;
}

.profile-public-card .avatar-presence {
  position:relative !important;
  overflow:visible !important;
}

.profile-public-card .avatar-presence .online-dot {
  position:absolute !important;
  z-index:3 !important;
  right:4px !important;
  bottom:4px !important;
}

.profile-edit-card .avatar-frame-choice,
.profile-edit-card .avatar-frame-preview {
  overflow:visible !important;
  background:transparent !important;
}

@media (max-width:680px) {
  .profile-public-card .avatar-presence .online-dot {
    right:3px !important;
    bottom:3px !important;
  }
}