/* Two decoded layers crossfade within the reserved product-image rectangle. */
[data-product-gallery]{position:relative;overflow:hidden;isolation:isolate}
[data-product-gallery]>.gallery-frame,
.product-image[data-product-gallery]>.gallery-frame,
.catalogue-card-media[data-product-gallery]>.gallery-frame{
  position:absolute;inset:0;width:100%;height:100%;max-width:100%;padding:7%;
  object-fit:contain;object-position:center;opacity:0;transform:none;mix-blend-mode:normal;
  transition:opacity .48s cubic-bezier(.22,1,.36,1);pointer-events:none;
}
[data-product-gallery]>.gallery-frame.is-current,
.product-image[data-product-gallery]>.gallery-frame.is-current,
.catalogue-card-media[data-product-gallery]>.gallery-frame.is-current{opacity:1}
[data-product-gallery]>.gallery-frame[data-media-kind=generated-editorial],
.product-image[data-product-gallery]>.gallery-frame[data-media-kind=generated-editorial],
.catalogue-card-media[data-product-gallery]>.gallery-frame[data-media-kind=generated-editorial]{object-fit:cover;padding:0}
.gallery-progress{position:absolute;inset:auto 10px 0;height:2px;background:#7a1337;z-index:2;pointer-events:none;transform-origin:left;transform:scaleX(var(--gallery-progress,0));opacity:0;transition:transform .48s ease,opacity .2s}
.is-gallery-playing>.gallery-progress{opacity:.65}
/* These frames do not rotate automatically on keyboard focus or touch. */
@media(prefers-reduced-motion:reduce){[data-product-gallery]>.gallery-frame,.gallery-progress{transition:none!important}.gallery-progress{display:none}}