deferred-media{display:block}.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden}.deferred-media__button{color:currentColor;background:none;display:block;width:100%;padding:0;border:none;border-radius:0;position:relative;z-index:1;cursor:pointer}.deferred-media__button svg{position:absolute;top:1.6rem;right:1.6rem;z-index:1;opacity:1;transition:opacity var(--duration-short) ease-out}@media (hover: hover) and (pointer: fine){.deferred-media:hover .deferred-media__button svg{opacity:.4}}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.deferred-media__poster img{width:100%;max-width:100%;height:100%;object-fit:cover}.deferred-media{overflow:hidden;background-color:var(--color-background)}.deferred-media iframe{pointer-events:all}.deferred-media[data-autoplay] iframe{pointer-events:none}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster,.deferred-media[loaded]>.deferred-media__button{display:none}.deferred-media__poster:focus-visible{outline:none;box-shadow:0 0 0 var(--color-paragraphs)}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 var(--color-paragraphs)}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{background-color:var(--color-background-buttons-solid);border:.1rem solid var(--color-buttons-outline);border-radius:50%;color:var(--color-buttons-solid);display:flex;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1}.deferred-media__poster-button svg{width:1rem;height:1.2rem;vertical-align:middle}@media screen and (min-width: 750px){.deferred-media__poster-button{height:10.4rem;width:10.4rem}.deferred-media__poster-button svg{width:2.1rem;height:2.4rem}}.deferred-media iframe,.deferred-media video,.deferred-media .shopify-model-viewer-ui,.deferred-media model-viewer{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.deferred-media iframe{border:0}@media (hover: hover) and (pointer: fine){.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/component-deferred-media.css.map */