.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;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{outline-offset:-.3rem}.deferred-media__poster-button{background-color:transparent;border:.1rem solid white;border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6rem;width:6rem;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.5rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.5rem}.deferred-media__poster-button .icon-play polygon{fill:#fff}@media screen and (min-width: 768px){.deferred-media__poster-button{height:12rem;width:12rem}.deferred-media__poster-button .icon{width:3rem;height:4rem}.deferred-media__poster-button .icon-play{margin-left:1rem}}.video-in-content{height:100%;padding-top:56.25%;position:relative;overflow:hidden}.collage-media .video-in-content{height:100%;padding-top:0}.image-with-text-ratio-offset .video-in-content,.image-with-text-ratio .video-in-content,.image-with-text-ratio-double .video-in-content{padding-top:125%}.image-with-text-ratio.image-text-ratio-3-2 .video-in-content,.image-with-text-ratio-offset.image-text-ratio-3-2 .video-in-content{padding-top:56.25%}.video-in-content.video-in-content-cropped_leftright,.video-in-content.video-in-content-cropped_topbottom{height:100%}.image-with-text__media-nocrop .video-in-content{height:100%;padding-top:0}.multicolumn-card .video-in-content{height:0;padding-top:125%}.video-in-content-bg{background:#000}.video-in-content iframe,.video-in-content deferred-media{position:absolute;width:100%;height:100%;top:0;left:0;border:0}.video-in-content-cropped_leftright iframe{height:1000%;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.video-in-content-cropped_topbottom iframe{width:1000%;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-deferred-media.css.map */