/* One cell of a 3 × 2 character atlas. Width may change, proportions may not. */
.ls-character {
  display: block;
  width: var(--character-size, 256px);
  max-width: 100%;
  aspect-ratio: 1;
  flex: 0 0 auto;
  background-image: var(--character-image);
  background-size: 300% 200%;
  background-position: var(--character-position, 0% 0%);
  background-repeat: no-repeat;
  clip-path: inset(0 0 var(--character-trim, 0%) 0);
}