@layer components {
/* Avatar styles */

/* Select2 avatar images */
.select2-img {
  margin-right: 8px;
  border-radius: 50%;
  width: 2.8rem;
  height: 2.8rem;
  vertical-align: middle;
}

/* Rounded avatars (Metro .cycle replacement) */
.cycle {
  border-radius: 50%;
  overflow: hidden;
}

.userpic {
  width: 2rem;
  height: 2rem;
  object-fit: cover;
  vertical-align: middle;
}
}