.r-wiki-item-sprite {
  position: relative;
  display: grid;
  width: var(--r-wiki-sprite-width);
  height: var(--r-wiki-sprite-height);
  max-width: 100%;
  max-height: 100%;
  flex: 0 0 auto;
  place-items: center;
  overflow: hidden;
}

.r-wiki-item-sprite__viewport {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.r-wiki-item-sprite__image {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  border: 0;
  object-fit: contain;
  image-rendering: pixelated;
}

.r-wiki-item-sprite--strip .r-wiki-item-sprite__viewport {
  width: var(--r-wiki-sprite-frame-width);
  height: var(--r-wiki-sprite-frame-height);
}

.r-wiki-item-sprite--strip .r-wiki-item-sprite__image {
  width: var(--r-wiki-sprite-strip-width) !important;
  height: var(--r-wiki-sprite-frame-height) !important;
  object-fit: fill;
  transform: translate3d(0, 0, 0);
  transform-origin: left center;
}

.r-wiki-item-sprite--strip.is-animated .r-wiki-item-sprite__image {
  will-change: transform;
}

.r-wiki-item-sprite--strip.is-gif-fallback .r-wiki-item-sprite__viewport {
  width: 100%;
  height: 100%;
}

.r-wiki-item-sprite--strip.is-gif-fallback .r-wiki-item-sprite__image {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain;
  transform: none !important;
  will-change: auto;
}