.MYUI-Avatar {
  display: flex;
  width: max-content;
  --avatar--border_radius: 50%;

  --avatar--border_radius__after: var(--border_radius_optimaze);
}

.MYUI-Avatar__in {
  position: relative;
  z-index: 0;

  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.MYUI-Avatar__badge {
  z-index: 2;
  position: absolute;
  right: -6px;
  top: -6px;
}

.MYUI-Avatar__in[data-image-status=false] .MYUI-Avatar__children {
  visibility: hidden;
}

.MYUI-Avatar__in[data-image-status=false] .MYUI-Avatar__children--shadow {
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /*Првоерить на лаги в IOS*/
}

.MYUI-Avatar__in[data-image-status=false] {
  background-color: rgba(var(--background_primary_2));
  box-shadow: inset 0px 0px 2px rgba(var(--background_dark_2));
}

.MYUI-Avatar__in[data-mode="app"] {
  border-radius: var(--avatar--border_radius);
}

.MYUI-Avatar__in[data-mode="app"] .MYUI-Avatar__children {
  border-radius: var(--avatar--border_radius);
  position: inherit;
  z-index: 2;
}


.MYUI-Avatar__in[data-mode="default"] {
  border-radius: var(--avatar--border_radius);
}

.MYUI-Avatar__in[data-mode="default"] .MYUI-Avatar__children {
  border-radius: var(--avatar--border_radius);
  position: inherit;
  z-index: 2;
}

.MYUI-Avatar__children--shadow {
  position: absolute;
  padding: var(--padding_super_low);
  border-radius: var(--avatar--border_radius);
  z-index: 1;
}

.MYUI-Avatar__in[data-mode="app"] .MYUI-Avatar__children--shadow {
  border-radius: var(--avatar--border_radius);
}


.MYUI-Avatar__in[data-mode="app"] .MYUI-Avatar__after {
  bottom: 0px;
}


.MYUI-Avatar__after {
  font-size: var(--font_size_super_low);
  color: var(--text_primary);
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* DUO */
.MYUI-Avatar__children--duo-1 {
  position: absolute !important;
  top: 0px;
  left: 0px;
}

.MYUI-Avatar__children--duo-2 {
  position: absolute !important;
  bottom: 0px;
  right: 0px;
  border: 2px solid rgba(var(--background_primary));
}