.rp-avatar[data-v-b69876d8] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex-shrink: 0;
  background-color: var(--rp-color-gray-200);
  color: var(--rp-color-gray-700);
  font-family: var(--rp-font-family);
  font-weight: var(--rp-font-weight-semibold);
  vertical-align: middle;
}
.rp-avatar--sm[data-v-b69876d8] {
  width: var(--rp-size-sm);
  height: var(--rp-size-sm);
  font-size: var(--rp-font-size-xs);
}
.rp-avatar--md[data-v-b69876d8] {
  width: var(--rp-size-md);
  height: var(--rp-size-md);
  font-size: var(--rp-font-size-sm);
}
.rp-avatar--lg[data-v-b69876d8] {
  width: var(--rp-size-lg);
  height: var(--rp-size-lg);
  font-size: var(--rp-font-size-lg);
}
.rp-avatar--circle[data-v-b69876d8] {
  border-radius: var(--rp-radius-full);
}
.rp-avatar--square[data-v-b69876d8] {
  border-radius: var(--rp-radius-lg);
}
.rp-avatar__image[data-v-b69876d8] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rp-avatar__fallback[data-v-b69876d8] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  line-height: 1;
  background-color: var(--rp-color-primary);
  color: var(--rp-color-white);
}