.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))}.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}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster:focus-visible{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}@media(forced-colors:active){.deferred-media__poster:focus{outline:transparent solid 1px}}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.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:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}.media--product-video{background:rgb(var(--color-background));border-radius:min(1.2rem,calc(var(--media-radius) + .2rem));box-shadow:0 1.2rem 3.2rem rgba(var(--color-foreground),.08);isolation:isolate}.media--product-video .deferred-media__poster{background:rgb(var(--color-background));border-radius:inherit;top:0;right:0;bottom:0;left:0;position:absolute}.media--product-video .deferred-media__poster:after{background:linear-gradient(180deg,#ffffff0a,#0000001a);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.media--product-video .deferred-media__poster img{height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.015);transition:transform var(--duration-long) ease;width:100%}.media--product-video:hover .deferred-media__poster img{transform:scale(1.045)}.media--product-video .deferred-media__poster-button{background:#ffffffeb;border:0;box-shadow:0 1.6rem 4rem #1212122e,inset 0 0 0 .1rem #ffffffb3;color:rgb(var(--color-foreground));height:6.8rem;width:6.8rem}@supports (backdrop-filter: blur(12px)){.media--product-video .deferred-media__poster-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.media--product-video .deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.08)}.media--product-video[loaded]>video,.media--product-video[loaded]>iframe{background:rgb(var(--color-background));border:0;border-radius:inherit;height:100%;width:100%}.media--product-video[loaded]>video{object-fit:cover;transform:scale(1.07);transform-origin:center}@media screen and (max-width:749px){.media--product-video{border-radius:.8rem;box-shadow:0 .8rem 2.2rem rgba(var(--color-foreground),.07)}.media--product-video .deferred-media__poster-button{height:5.6rem;width:5.6rem}}.product-media-container.media-type-video>.deferred-media,.product-media-container.media-type-external_video>.deferred-media{background:rgb(var(--color-background));border-radius:min(1.2rem,calc(var(--media-radius) + .2rem));box-shadow:0 1.2rem 3.2rem rgba(var(--color-foreground),.08);isolation:isolate}.product-media-container.media-type-video>.deferred-media .deferred-media__poster,.product-media-container.media-type-external_video>.deferred-media .deferred-media__poster{background:rgb(var(--color-background));border-radius:inherit;top:0;right:0;bottom:0;left:0;position:absolute}.product-media-container.media-type-video>.deferred-media .deferred-media__poster:after,.product-media-container.media-type-external_video>.deferred-media .deferred-media__poster:after{background:linear-gradient(180deg,#ffffff0a,#0000001a);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.product-media-container.media-type-video>.deferred-media .deferred-media__poster img,.product-media-container.media-type-external_video>.deferred-media .deferred-media__poster img{height:100%;max-width:none;object-fit:cover;object-position:center;transform:scale(1.015);transition:transform var(--duration-long) ease;width:100%}.product-media-container.media-type-video>.deferred-media:hover .deferred-media__poster img,.product-media-container.media-type-external_video>.deferred-media:hover .deferred-media__poster img{transform:scale(1.045)}.product-media-container.media-type-video>.deferred-media .deferred-media__poster-button,.product-media-container.media-type-external_video>.deferred-media .deferred-media__poster-button{background:#ffffffeb;border:0;box-shadow:0 1.6rem 4rem #1212122e,inset 0 0 0 .1rem #ffffffb3;color:rgb(var(--color-foreground));height:6.8rem;width:6.8rem}.product-media-container.media-type-video>.deferred-media[loaded]>video,.product-media-container.media-type-external_video>.deferred-media[loaded]>iframe{background:rgb(var(--color-background));border:0;border-radius:inherit;height:100%;width:100%}.product-media-container.media-type-video>.deferred-media[loaded]>video{object-fit:cover;transform:scale(1.07);transform-origin:center}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-deferred-media.css.map */