.product-media deferred-media{position:absolute}.product-media__image~deferred-media .deferred-media__poster-image{display:none}.product-media-container:has(deferred-media .deferred-media__playing) .product-media__image{opacity:0;transition:opacity var(--animation-speed) var(--animation-easing)}deferred-media{height:100%;width:100%;position:relative}deferred-media:has(:focus-visible){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}@supports not selector(:focus-visible){deferred-media:has(:focus){outline:var(--focus-outline-width) solid currentcolor;outline-offset:var(--focus-outline-offset)}}deferred-media>.deferred-media__poster-button~*:not(template){display:block;position:absolute;top:0;inset-inline-start:0;width:100%;height:100%;overflow:hidden;padding:inherit}deferred-media.border-style{overflow:hidden}deferred-media>.deferred-media__poster-button{width:100%;height:100%;aspect-ratio:var(--video-aspect-ratio, auto)}deferred-media>.deferred-media__poster-button.deferred-media__playing{opacity:0;transition:opacity .3s ease}deferred-media img{height:100%;object-fit:cover;transition:opacity .3s ease}deferred-media iframe{display:block;width:100%;height:100%;border:none;aspect-ratio:var(--size-style-aspect-ratio, auto)}deferred-media[data-media-loaded] img{opacity:0}deferred-media .deferred-media__poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:flex;align-items:center;justify-content:center}deferred-media .deferred-media__poster-icon svg{width:var(--button-size);height:var(--button-size);color:var(--color-white);filter:drop-shadow(var(--shadow-button))}deferred-media .deferred-media__poster-icon svg:hover{color:rgb(var(--color-white-rgb) / var(--opacity-80))}@media screen and (min-width:750px){deferred-media .deferred-media__poster-icon svg{width:4rem;height:4rem}}deferred-media[class] :is(.deferred-media__poster-button img,.deferred-media__poster-button~video){object-fit:cover;height:100%;aspect-ratio:var(--size-style-aspect-ratio, auto)}.video-interaction-hint{opacity:0;transition:opacity .3s ease;z-index:var(--layer-flat)}.video-interaction-hint:hover{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sh-component-deferred-media-video-styles.css.map */