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;
}
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;
}
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;
}
deferred-media .deffered-media-desktop {
  display: none;
}

deferred-media .deffered-media-desktop {
  display: none;
}

@media screen and (min-width: 768px) {
  deferred-media .deffered-media-desktop {
    display: block;
  }
  deferred-media .deffered-media-mobile {
    display: none;
  }
}