.media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden}.media--transparent{background-color:transparent}.media video img,.media model-viewer{max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;object-fit:cover}.media video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.media--square{padding-bottom:100%}.media--portrait{padding-bottom:125%}.media--landscape{padding-bottom:66.6%}.media--cropped{padding-bottom:56%}.media--16-9{padding-bottom:56.25%}.media--circle{padding-bottom:100%;border-radius:50%}.media.media--hover-effect>img+img{opacity:0}@media screen and (min-width: 990px){.media--cropped{padding-bottom:63%}}deferred-media{display:block}.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:none;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.deferred-media{overflow:hidden;display:flex}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{z-index:1;pointer-events:none}.deferred-media[loaded]>.deferred-media__poster *{opacity:0}.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))}@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:#333;border:.1rem solid rgba(0,0,0,.1);border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;height:3.2rem;width:3.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:1.2rem;height:1.2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem;display:block;color:#fff}.featured-video{position:relative}.featured-video video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map */