.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))}.deferred-media[data-media-loaded] .deferred-media__poster{display:none}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1;position:absolute}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster-button{position:absolute;display:flex;align-items:center;justify-content:center;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:var(--video-aspect-ratio, auto)}.deferred-media__poster-button svg{height:44px;width:44px}@media screen and (min-width:1025px){.deferred-media:not(.has-custom-controls) .deferred-media__poster-button:not(.video-interaction-hint):hover>span{color:var(--color-background);background-color:var(--color-base);border-radius:var(--border-radius-size-3)}}.deferred-media__poster-image{top:0;left:0;object-fit:cover}.deferred-media__poster-button.deferred-media__playing{opacity:0;transition:opacity var(--duration-medium) var(--transition-primary)}deferred-media img{width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity var(--duration-medium) var(--transition-primary)}deferred-media iframe{width:100%;height:100%;border:none;aspect-ratio:var(--aspect-ratio, auto)}deferred-media[data-hide-poster][data-video-start] .deferred-media__poster-button img{opacity:0!important}.deferred-media__poster-icon,.video-placeholder-wrapper__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__poster-icon svg,.video-placeholder-wrapper__poster-icon svg{width:40px;height:40px}.video-placeholder-wrapper__poster-icon svg{color:#fff}[data-autoplay] :is(.deferred-media__poster-icon,.video-placeholder-wrapper__poster-icon){display:none}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-placeholder-wrapper{height:100%}.video-placeholder-wrapper>svg{display:block;width:100%;height:100%}:is(product-model,deferred-media){display:block;height:100%;width:100%;position:relative}.banner-item__media deferred-media{position:absolute;top:0;right:0;bottom:0;left:0}product-model model-viewer,:is(deferred-media,product-model)>.deferred-media__poster-button~*:not(template){display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding:inherit}product-model .shopify-model-viewer-ui{position:absolute;top:0;right:0;bottom:0;left:0}.has-custom-controls .deferred-media__poster-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-base);background-color:var(--color-background);border-radius:var(--border-radius-round);transition:border-radius var(--duration-default) var(--transition-primary)}.has-custom-controls .deferred-media__poster-icon>svg{width:20px;height:20px}@media screen and (min-width:1025px){.has-custom-controls .deferred-media__poster-icon:hover{color:var(--color-base);background-color:var(--color-background);border-radius:var(--border-radius-size-3)}}
/*# sourceMappingURL=/cdn/shop/t/3363/assets/component-deferred-media.css.map */