.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1}.deferred-media__poster img{width:auto;max-width:100%;height:100%;object-fit:cover}.deferred-media{overflow:hidden;color:var(--color-typography-accent);background-color:var(--color-background-bg-1)}.deferred-media[data-autoplay] iframe{pointer-events:none}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster:focus-visible{outline:none;box-shadow:0 0 0 var(--color-border-1) rgba(var(--color-background-bg-1),1),0 0 0 calc(var(--color-border-1) + .3rem) rgb(var(--color-background-elements)),0 0 0 calc(var(--color-border-1) + .5rem) rgba(var(--color-background-bg-1),.5);border-radius:calc(0 - var(--color-border-1))}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 var(--color-border-1) rgba(var(--color-background-bg-1),1),0 0 0 calc(var(--color-border-1) + .3rem) rgb(var(--color-background-elements)),0 0 0 calc(var(--color-border-1) + .5rem) rgba(var(--color-background-bg-1),.5);border-radius:calc(0 - var(--color-border-1))}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{background-color:rgb(var(--color-background-elements));border:.1rem solid rgba(var(--color-background-bg-1),.1);border-radius:50%;color:rgb(var(--color-background-bg-1));display:flex;align-items:center;justify-content:center;height:4rem;width:4rem;position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1}[dir=rtl] .deferred-media__poster-button{transform:translate(50%,-50%) scale(1)}.deferred-media__poster-button svg{width:100%;height:100%}.deferred-media iframe,.deferred-media video,.deferred-media .shopify-model-viewer-ui,.deferred-media model-viewer{position:absolute;width:100%;height:100%}@media screen and (min-width: 990px){.deferred-media__poster-button{width:5.8rem;height:5.8rem}}@media screen and (min-width: 1200px){.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}[dir=rtl] .deferred-media__poster-button:hover{transform:translate(50%,-50%) scale(1.1)}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-deferred-media.css.map */