/* Component: avatar */

.wpar-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  flex: none;
  object-fit: cover;
}

.wpar-avatar--sm {
  width: 32px;
  height: 32px;
}

.wpar-avatar--blank {
  background: var(--line);
}

.wpar-avatar--xs {
  width: 24px;
  height: 24px;
}

.wpar-avatar--md {
  width: 40px;
  height: 40px;
}