deferred-media {
  display: grid;
  grid-template-rows:1fr;
  grid-template-columns:1fr;
  width: 100%;
  position: relative
}

deferred-media [data-media-loading-icon] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10
}

deferred-media [data-media-loading-icon] svg {
  color: var(--body-color);
  width: 50px;
  height: 50px
}

deferred-media iframe, deferred-media model-viewer, deferred-media video {
  width: 100%;
  max-width: 100%;
  pointer-events: none
}

deferred-media iframe, deferred-media video {
  background-color: #000;
  border: 0
}

deferred-media[data-show-controls=false] iframe.pointer-events-none {
  pointer-events: none !important
}

deferred-media .deferred-media-poster-image, deferred-media div[data-media-wrapper] {
  grid-row: 1/2;
  grid-column: 1/2
}

deferred-media .deferred-media-poster-image {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  order: 1;
  clip-path: inset(0 round 12px);
}

deferred-media .deferred-media-poster-image:has(.media-ratio--adapt_to_first_image), deferred-media .deferred-media-poster-image:has(.media-ratio--original) {
  //height: fit-content
}

deferred-media .deferred-media-poster-image .media-ratio--adapt_to_first_image, deferred-media .deferred-media-poster-image .media-ratio--original {
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  max-width: 100%
}

deferred-media div[data-media-wrapper] {
  order: 2;
  clip-path: inset(0 round 12px);
}

deferred-media div[data-media-wrapper].external-media-ratio--adapt_to_first_image, deferred-media div[data-media-wrapper].external-media-ratio--original, deferred-media div[data-media-wrapper].external-media-ratio--square, deferred-media div[data-media-wrapper].external-media-ratio--tall, deferred-media div[data-media-wrapper].external-media-ratio--wide {
  position: relative;
  width: 100%;
  height: 100%
}

deferred-media div[data-media-wrapper].external-media-ratio--adapt_to_first_image .shopify-model-viewer-ui, deferred-media div[data-media-wrapper].external-media-ratio--adapt_to_first_image iframe, deferred-media div[data-media-wrapper].external-media-ratio--adapt_to_first_image video, deferred-media div[data-media-wrapper].external-media-ratio--original .shopify-model-viewer-ui, deferred-media div[data-media-wrapper].external-media-ratio--original iframe, deferred-media div[data-media-wrapper].external-media-ratio--original video, deferred-media div[data-media-wrapper].external-media-ratio--square .shopify-model-viewer-ui, deferred-media div[data-media-wrapper].external-media-ratio--square iframe, deferred-media div[data-media-wrapper].external-media-ratio--square video, deferred-media div[data-media-wrapper].external-media-ratio--tall .shopify-model-viewer-ui, deferred-media div[data-media-wrapper].external-media-ratio--tall iframe, deferred-media div[data-media-wrapper].external-media-ratio--tall video, deferred-media div[data-media-wrapper].external-media-ratio--wide .shopify-model-viewer-ui, deferred-media div[data-media-wrapper].external-media-ratio--wide iframe, deferred-media div[data-media-wrapper].external-media-ratio--wide video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover
}