/* Use each exported illustration's original proportions, with no restyled frame. */
.feature-art.app-preview {
  position: relative;
  display: block;
  width: 100%;
  min-width: 0;
  min-height: 0;
  height: auto;
  padding: 0;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
  isolation: auto;
}
.feature-art.app-preview::before,
.feature-art.app-preview::after { content: none; }
.app-preview .figma-feature-picture {
  display: block;
  width: 100%;
  aspect-ratio: 726 / 460;
  /* 24px native corner on 726 × 460 artwork, scaled with the image. */
  border-radius: 3.305785% / 5.217391%;
  overflow: hidden;
}
.app-preview .figma-feature-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: none;
  margin: 0;
  border: 0;
  border-radius: inherit;
  object-fit: contain;
  filter: none;
}
@media (max-width: 767px) {
  .feature-art.app-preview {
    flex: 0 0 auto;
    height: auto;
    margin-top: 16px;
    padding: 0;
    border-radius: 0;
  }
  .app-preview .figma-feature-picture {
    aspect-ratio: 329 / 210;
    /* 11px native corner on 329 × 210 artwork; also correct on wide H5 screens. */
    border-radius: 3.343465% / 5.238095%;
  }
}