.yinn-media{position:relative;display:block;width:100%;background:var(--yinn-surface-light);overflow:hidden}.yinn-media>img,.yinn-media>video{display:block;width:100%;height:100%;object-fit:cover}.yinn-media--contained>img,.yinn-media--contained>video{object-fit:contain}.yinn-media--ratio-11{aspect-ratio:1 / 1}.yinn-media--ratio-43{aspect-ratio:4 / 3}.yinn-media--ratio-34{aspect-ratio:3 / 4}.yinn-media--ratio-169{aspect-ratio:16 / 9}.yinn-media--ratio-32{aspect-ratio:3 / 2}.yinn-media--ratio-adapt{aspect-ratio:auto}.yinn-media--hero{aspect-ratio:16 / 9}.yinn-media--landscape{aspect-ratio:3 / 2}.yinn-media--editorial{aspect-ratio:4 / 3}.yinn-media--product,.yinn-media--portrait{aspect-ratio:4 / 5}.yinn-media--square{aspect-ratio:1 / 1}@media screen and (max-width:749px){.yinn-media--hero{aspect-ratio:4 / 5}.yinn-media--landscape{aspect-ratio:1 / 1}}.yinn-media__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--yinn-surface-light);color:var(--yinn-muted-light);font-family:var(--yinn-font-body);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.yinn-video{display:block;width:100%;background:var(--yinn-dark)}.yinn-video video{display:block;width:100%;height:auto}.yinn-video__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;border:1px solid var(--yinn-on-dark);border-radius:50%;background:color-mix(in srgb,var(--yinn-dark) 55%,transparent);color:var(--yinn-on-dark);cursor:pointer;transition:background-color .2s ease}.yinn-video__play:hover{background:color-mix(in srgb,var(--yinn-dark) 75%,transparent)}.yinn-video__play:focus-visible{outline:2px solid var(--yinn-on-dark);outline-offset:3px}.yinn-video__mobile{display:none}@media screen and (max-width:749px){.yinn-video__desktop{display:none}.yinn-video__mobile{display:block}}.banner.yinn-hero-fallback{display:block;min-height:0}.banner.yinn-hero-fallback .banner__content{display:none}.banner__media.yinn-hero-fallback{position:relative;display:block;width:100%;height:auto;aspect-ratio:16 / 9;margin:0;background:var(--yinn-surface-light)}.banner__media.yinn-hero-fallback>picture{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.banner__media.yinn-hero-fallback>picture>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.banner__media.yinn-hero-fallback{aspect-ratio:4 / 5}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/yinn-media.css.map */