@supports selector(:has(*)) {
  .product__features--slider .flickity-viewport:has(.product__feature--uses-feature-image.is-selected) {
    height: var(--feature-viewport-h, auto) !important;
  }
}

.product__features--slider .flickity-slider .product__feature--uses-feature-image.is-selected {
  height: var(--feature-image-h) !important;
}

html body .product__feature--uses-feature-image.product__feature--has-image.product__feature--fit-contain .product__feature__image {
  position: absolute !important;
  inset: 0 !important;
}

html body .product__feature--uses-feature-image.product__feature--has-image.product__feature--fit-contain img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}