@use '../../variables' as *;
.img {
  object-position: center center;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.avatar {
  border-radius: 50%;
  overflow: hidden;
  font-size: calc(var(--box-width) - 8px);
  svg {
    width: calc(var(--box-width) - 8px);
    height: calc(var(--box-width) - 8px);
  }
}

.emoji {
  width: var(--box-width);
  height: var(--box-width);
  font-size: calc(var(--box-width) - 10px);
  vertical-align: middle;
  text-align: center;
  line-height: var(--box-height);
  display: inline;
  will-change: transform;
}