@layer components {
/* Avatar styles */

/* Select2 avatar images */
.select2-img {
  border-radius: 50%;
  flex: 0 0 auto;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0.5rem;
  object-fit: cover;
  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;
}
}