.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:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;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:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:-.2rem}.deferred-media__controls{position:absolute;top:1.6rem;right:1.6rem;z-index:10;display:flex}@media screen and (min-width:750px){.deferred-media__controls{top:auto;bottom:3.2rem;right:3.2rem}}.deferred-media__ctrl-btn{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;background-color:#fff;border:none;border-radius:50%;cursor:pointer;color:#000;transition:background-color .2s ease;-webkit-appearance:none}.deferred-media__ctrl-btn:hover,.deferred-media__ctrl-btn:focus-visible{background-color:#ffffffbf}.deferred-media__ctrl-icon{display:flex;align-items:center;justify-content:center}.deferred-media__ctrl-icon svg{width:2rem;height:2rem}.deferred-media__ctrl-pause .deferred-media__ctrl-icon--pause,.deferred-media__ctrl-pause.is-playing .deferred-media__ctrl-icon--play{display:none}.deferred-media__ctrl-pause.is-playing .deferred-media__ctrl-icon--pause{display:flex}.deferred-media__ctrl-fullscreen .deferred-media__ctrl-icon--shrink,.deferred-media__ctrl-fullscreen.is-fullscreen .deferred-media__ctrl-icon--expand{display:none}.deferred-media__ctrl-fullscreen.is-fullscreen .deferred-media__ctrl-icon--shrink{display:flex}deferred-media:fullscreen{width:100vw!important;height:100vh!important;padding-bottom:0!important;background:#000}deferred-media:fullscreen video,deferred-media:fullscreen iframe{object-fit:contain}deferred-media video,deferred-media iframe{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/38/assets/component-deferred-media.css.map */