@layer clickui {.avatar__3xMuZ {
  display: inline-flex;
  width: var(--click-avatar-size-width);
  height: var(--click-avatar-size-height);
  overflow: hidden;
  justify-content: center;
  align-items: center;
  border-radius: var(--click-avatar-radii-all);
  background-color: var(--click-avatar-color-background-default);
  color: var(--click-avatar-color-text-default);
  user-select: none;
  vertical-align: middle;
}

.avatar__3xMuZ:active {
  background-color: var(--click-avatar-color-background-active);
  color: var(--click-avatar-color-text-active);
}

.avatar__3xMuZ:hover {
  background-color: var(--click-avatar-color-background-hover);
  color: var(--click-avatar-color-text-hover);
}

.avatar__image__-VNuI {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  object-fit: cover;
}

.avatar__fallback__gr7YV {
  display: inline-flex;
  width: var(--click-avatar-size-label-width);
  justify-content: center;
  align-items: center;
}

.avatar__fallback_size_sm__7qjM2 {
  font: var(--click-avatar-typography-label-sm-default);
}

.avatar__fallback_size_sm__7qjM2:active {
  font: var(--click-avatar-typography-label-sm-active);
}

.avatar__fallback_size_sm__7qjM2:hover {
  font: var(--click-avatar-typography-label-sm-hover);
}

.avatar__fallback_size_md__21Kuk {
  font: var(--click-avatar-typography-label-md-default);
}

.avatar__fallback_size_md__21Kuk:active {
  font: var(--click-avatar-typography-label-md-active);
}

.avatar__fallback_size_md__21Kuk:hover {
  font: var(--click-avatar-typography-label-md-hover);
}
}