.ratio,.media{--ratio: var(--ratio-percent-mobile, var(--ratio-percent)) }@media screen and (min-width: 500px){.ratio,.media{--ratio: var(--ratio-percent-tablet, var(--ratio-percent-mobile, var(--ratio-percent))) }}@media screen and (min-width: 750px){.ratio,.media{--ratio: var(--ratio-percent-tablet, var(--ratio-percent)) }}@media screen and (min-width: 1000px){.ratio,.media{--ratio: var(--ratio-percent) }}.ratio{display:flex;position:relative;align-items:stretch}.ratio:before{content:"";width:0;height:0;padding-bottom:var(--ratio, var(--ratio-percent))}.media{display:block;background-color:rgba(var(--color-foreground),.1);position:relative;overflow:hidden;padding-bottom:var(--ratio, 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,.media>video{object-fit:cover;object-position:center center}.media--contain>img,.media--contain>video{object-fit:contain}.media--positioned>img,.media--positioned>video{object-position:var(--media-position, center)}.media--cover>.placeholder-svg{height:auto;width:auto;min-height:100%;min-width:100%;max-height:none;max-width:none}.media--square{--ratio-percent: 100%}.media--portrait{--ratio-percent: 150%}.media--landscape{--ratio-percent: 66.6%}.media--cropped{--ratio-percent: 56.25%}.media--circle{--ratio-percent: 100%;border-radius:50%}.media--fit{height:100%}@media screen and (min-width: 990px){.media--cropped{--ratio-percent: 63%}}.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--top-left>img{object-position:left top}.media--top>img,.media--top-center>img{object-position:center top}.media--top-right>img{object-position:right top}.media--left>img,.media--middle-left>img{object-position:left center}.media--center>img,.media--middle-center>img{object-position:center center}.media--right>img,.media--middle-right>img{object-position:right center}.media--bottom-left>img{object-position:left bottom}.media--bottom>img,.media--bottom-center>img{object-position:center bottom}.media--bottom-right>img{object-position:right bottom}@media screen and (max-width: 749px){.media--mobile-top-left>img{object-position:left top}.media--mobile-top>img,.media--mobile-top-center>img{object-position:center top}.media--mobile-top-right>img{object-position:right top}.media--mobile-left>img,.media--mobile-middle-left>img{object-position:left center}.media--mobile-center>img,.media--mobile-middle-center>img{object-position:center center}.media--mobile-right>img,.media--mobile-middle-right>img{object-position:right center}.media--mobile-bottom-left>img{object-position:left bottom}.media--mobile-bottom>img,.media--mobile-bottom-center>img{object-position:center bottom}.media--mobile-bottom-right>img{object-position:right bottom}}.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-active)}.media__poster .icon{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}.media.media--hover-effect>img+img{opacity:0;background-color:rgb(var(--color-background))}deferred-media{display:block}
/*# sourceMappingURL=/cdn/shop/t/967/assets/media.css.map */