.root {
  display: inline-flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  user-select: none;
  vertical-align: middle;
  border-radius: var(--radius-2);
}

.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.fallback {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--accent-a11);
  background-color: var(--accent-a3);
  font-size: var(--font-size-1);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-1);
}
