.deferred-media__poster{width:100%;height:100%;padding:0;margin:0;background-color:transparent;border:none;border-radius:calc(var(--border-radius) - var(--border-width));outline:none;overflow:hidden;cursor:pointer}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;height:100%;max-width:100%}.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster-button{position:absolute;top:50%;left:50%;z-index:1;display:flex;align-items:center;justify-content:center;height:5rem;width:5rem;color:var(--color-brand-primary);background-color:var(--color-white);border:.1rem solid var(--color-gray-800);border-radius:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.125rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map */