.deferred-media__poster{overflow:hidden;width:100%;height:100%;margin:0;padding:0;border:none;border-radius:calc(var(--border-radius) - var(--border-width));background-color:transparent;cursor:pointer}.media>.deferred-media__poster{display:flex;justify-content:center;align-items:center}.deferred-media__poster img{object-fit:cover;width:100%;max-width:100%;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-visible{border-radius:calc(var(--media-radius) - var(--media-border-width));box-shadow:0 0 0 var(--media-border-width) rgb(var(--color-foreground) var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgb(var(--color-foreground) .5);outline:none}.deferred-media__poster:focus{border-radius:calc(var(--media-radius) - var(--media-border-width));box-shadow:0 0 0 var(--media-border-width) rgb(var(--color-foreground) var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgb(var(--color-foreground) .5);outline:none}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}@media (forced-colors: active){.deferred-media__poster:focus{outline:transparent solid 1px}}.deferred-media__poster:focus:not(:focus-visible){box-shadow:none;outline:0}.deferred-media__poster-button{position:absolute;top:50%;left:50%;z-index:1;display:flex;justify-content:center;align-items:center;width:6.2rem;height:6.2rem;border:.1rem solid rgb(var(--color-foreground) .1);border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:transform var(--duration-short) ease,color var(--duration-short) ease;transform:translate(-50%,-50%) scale(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}
/*# sourceMappingURL=/cdn/shop/t/305/assets/component-deferred-media.css.map */