.media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden;padding-bottom:var(--ratio-percent-mobile, var(--ratio-percent))}@media screen and (min-width: 750px){.media{padding-bottom:var(--ratio-percent)}}.media--transparent{background-color:transparent}.media>*:not(.zoom):not(.deferred-media__poster-button),.media model-viewer{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}.media>img{object-fit:cover;object-position:center center;transition:opacity .4s cubic-bezier(.25,.46,.45,.94)}.media>img:where(:not(.hover-target--scale)){transition:transform var(--duration-long) ease,opacity var(--duration-long) var(--ease-in-out-quad);will-change:opacity,transform}.media>img+img{z-index:1}.media--square{--ratio-percent: 100%}.media--portrait{--ratio-percent: 125%}.media--landscape{--ratio-percent: 66.6%}.media--cropped{--ratio-percent: 56%}.media--circle{--ratio-percent: 100%;border-radius:50%}.media.media--hover-effect>img+img{opacity:0}@media screen and (min-width: 990px){.media--cropped{--ratio-percent: 62.5%}}.media__poster{opacity:1;z-index:1}.media__poster img{height:100%;width:100%;object-fit:cover;object-position:center center}.media__play{cursor:pointer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}.media__play:before{content:"";border-radius:50%;box-shadow:#0000004d 0 0 1.4rem;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0;transition:opacity var(--transition-hover);will-change:opacity}.media__play:hover:before{opacity:1;transition:opacity var(--transition-hover-out)}.media__poster .icon{display:block}deferred-media{display:block}[data-overlay-opacity]:after{content:"";position:absolute;top:0;background:#000;opacity:0;z-index:1;width:100%;height:100%}[data-overlay-opacity="10"]:after{opacity:.1}[data-overlay-opacity="20"]:after{opacity:.2}[data-overlay-opacity="30"]:after{opacity:.3}[data-overlay-opacity="40"]:after{opacity:.4}[data-overlay-opacity="50"]:after{opacity:.5}[data-overlay-opacity="60"]:after{opacity:.6}[data-overlay-opacity="70"]:after{opacity:.7}[data-overlay-opacity="80"]:after{opacity:.8}[data-overlay-opacity="90"]:after{opacity:.9}[data-overlay-opacity="100"]:after{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/339/assets/media.css.map */