.deferred-media__poster{height:100%;overflow:hidden;padding:0;border:none;background-color:transparent;margin:0;cursor:pointer;width:100%}.media>.deferred-media__poster{justify-content:center;align-items:center;display:flex}.deferred-media__poster img{height:100%;max-width:100%;width:auto}.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{outline:none;box-shadow:0 0 0 1px rgb(var(--color-foreground)),0 0 0 .5rem rgb(var(--color-background)),0 0 0 .6rem rgba(var(--color-foreground),.5)}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 1px rgba(var(--color-foreground),1),0 0 0 .5rem rgb(var(--color-background)),0 0 0 .6rem rgba(var(--color-foreground),.5)}@media (forced-colors:active){.deferred-media__poster:focus{outline:1px solid transparent}}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{height:4.6rem;transform:translate(calc(var(--transform-direction)*50%),-50%) scale(1);justify-content:center;inset-inline-start:50%;color:rgb(var(--color-foreground),.7);transition:transform .1s ease,color .1s ease;position:absolute;top:50%;background-color:rgb(var(--color-background));align-items:center;box-shadow:0 1px 3px rgba(var(--color-foreground),.1),0 1px 2px rgba(var(--color-foreground),.06);border-radius:1.8rem;width:4.6rem;display:flex;z-index:1}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button .icon{height:2rem;width:2rem}.deferred-media__poster-button .icon-play{margin-inline-start:.2rem}