deferred-media{display:block}.deferred-media__poster{margin:0;border:none;cursor:pointer;padding:0;height:100%;background-color:transparent;width:100%}.media>.deferred-media__poster{display:flex;justify-content:center;align-items:center}.deferred-media__poster img{height:100%;width:auto}.deferred-media :is(iframe,video){border-radius:var(--images-border-radius);overflow:hidden}.deferred-media .deferred-media__poster-button{border-radius:var(--buttons-border-radius);overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1!important}.deferred-media[loaded]>.deferred-media__poster{display:none!important}.deferred-media__poster:focus{outline-offset:-.3rem}.deferred-media__poster-button{left:50%;opacity:.8;border-radius:50%;border-radius:var(--buttons-border-radius);transform:translate(-50%,-50%);display:flex;justify-content:center;color:rgb(var(--color-foreground));color:rgb(var(--clr-theme-accent));z-index:1;align-items:center;position:absolute;top:50%;height:4.4rem;transition:var(--buttons-transition-duration) var(--buttons-transition-timing);transition-property:background-color,color;background-color:rgb(var(--color-background));width:4.4rem}@media screen and (min-width:577px){.deferred-media__poster-button{height:5rem;width:5rem}}@media (hover:hover) and (pointer:fine){.deferred-media:hover .deferred-media__poster-button,.deferred-media__poster-button:hover{color:rgb(var(--color-background));background-color:rgb(var(--clr-theme-accent))}}.deferred-media__poster-button .icon-play{margin:.2rem 0 0 .2rem}