.rarui-avatar_container__1jwfew50 {
  position: relative;
  display: inline-flex;
}
.rarui-avatar__1jwfew51 {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  overflow: hidden;
  border-style: solid;
  border-width: var(--rarui-shape-border-width-1);
  background-color: var(--rarui-colors-surface-secondary);
  border-color: var(--rarui-colors-border-subdued);
  color: var(--rarui-colors-content-primary);
}
.rarui-avatar_size_small__1jwfew52 {
  width: 20px;
  height: 20px;
  font-size: var(--rarui-fontSize-body-xxs);
}
.rarui-avatar_size_medium__1jwfew53 {
  width: 30px;
  height: 30px;
  font-size: var(--rarui-fontSize-body-xs);
}
.rarui-avatar_size_large__1jwfew54 {
  width: 40px;
  height: 40px;
  font-size: var(--rarui-fontSize-body-s);
  border-width: var(--rarui-shape-border-width-2);
}
.rarui-avatar_size_xLarge__1jwfew55 {
  width: 60px;
  height: 60px;
  font-size: var(--rarui-fontSize-body-m);
  border-width: var(--rarui-shape-border-width-2);
}
.rarui-avatar_badge__1jwfew56 {
  position: absolute;
  top: 0;
}
.rarui-avatar_badge_size_small__1jwfew57 {
  left: 18px;
}
.rarui-avatar_badge_size_medium__1jwfew58 {
  left: 24px;
}
.rarui-avatar_badge_size_large__1jwfew59 {
  top: -4px;
  left: 30px;
}
.rarui-avatar_badge_size_xLarge__1jwfew5a {
  left: 44px;
}
.rarui-avatar__1jwfew51 .rarui-avatar_size_medium__1jwfew53 > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}