/*
 * Meetus workspace43
 * Status and community avatar controls above images.
 */

/* ==============================
 * Own status avatar
 * ============================== */

.meetus-own-status-avatar-wrap {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

.meetus-own-status-avatar-wrap img,
.meetus-own-status-avatar-wrap .avatar {
  position: relative !important;
  z-index: 1 !important;
}

.meetus-own-status-avatar-wrap .meetus-status-add-badge,
.meetus-status-add-badge {
  position: absolute !important;

  top: -2px !important;
  right: -2px !important;
  bottom: auto !important;

  width: 20px !important;
  height: 20px !important;

  display: grid !important;
  place-items: center !important;
  align-content: center !important;

  border-radius: 50% !important;

  background: #7967e8 !important;
  color: #fff !important;

  border:
    3px solid
    var(--sidebar-bg, #19191b) !important;

  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  z-index: 9999 !important;
  pointer-events: auto !important;
}


/* ==============================
 * Community editable avatar
 * ============================== */

#communityManageAvatar.workspace14-editable-avatar {
  position: relative !important;
  overflow: visible !important;
  isolation: isolate !important;
}

#communityManageAvatar.workspace14-editable-avatar img,
#communityManageAvatar.workspace14-editable-avatar
.avatar {
  position: relative !important;
  z-index: 1 !important;
}

#communityManageAvatar.workspace14-editable-avatar::after {
  content: '✎' !important;

  position: absolute !important;

  top: 1px !important;
  right: 1px !important;
  bottom: auto !important;
  left: auto !important;

  width: 28px !important;
  height: 28px !important;

  display: grid !important;
  place-items: center !important;
  align-content: center !important;

  box-sizing: border-box !important;

  border:
    2px solid
    #202329 !important;

  border-radius: 50% !important;

  background:
    var(
      --workspace14-accent,
      #7967e8
    ) !important;

  color: #fff !important;

  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  box-shadow:
    0 5px 14px
    rgba(0, 0, 0, 0.38) !important;

  z-index: 9999 !important;
  pointer-events: none !important;
}