.deferred-media__poster{block-size:100%;inline-size:100%;background-color:rgba(0,0,0,0);border:none;cursor:pointer;margin:0;padding:0;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))}.deferred-media__poster::after{content:"";display:block;position:absolute;block-size:100%;inline-size:100%;inset:0;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.7) 100%);pointer-events:none}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.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 var(--media-border-width) rgba(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) rgba(var(--color-foreground), 0.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(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) rgba(var(--color-foreground), 0.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.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:rgba(0,0,0,0) solid 1px}}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{inline-size:clamp(54px,calc(54px + 18 * (100vw - 480px) / 960),72px);aspect-ratio:3/2;background-color:rgb(var(--color-button));border:none;border-radius:2px;color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);transition:background-color var(--duration-short) ease,color var(--duration-short) ease;z-index:1}@media(hover: hover)and (pointer:fine){.deferred-media__poster-button:hover{background-color:rgb(var(--color-button-hover))}}.deferred-media__poster-button .icon{block-size:1.2rem;inline-size:1.2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}
