.deferred-media-poster{background-color:#fff0;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;& .placeholder-svg,& img{max-width:100%;height:100%;width:100%}& .placeholder-svg{background-color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 97%);color:color-mix(in srgb,rgba(var(--color-foreground)),transparent 45%);fill:rgba(var(--color-foreground))}}.deferred-media-poster-button{background-color:rgba(var(--color-background));color:rgba(var(--color-accent-2));border-radius:50%;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 0.18s ease,color 0.18s ease;z-index:1;& svg{width:3rem;height:3rem}}.deferred-media{overflow:hidden;&:not([loaded]) template{z-index:-1}&[loaded]>.deferred-media-poster{display:none}&>.deferred-media-poster{display:flex;align-items:center;justify-content:center}}.media-with-aspect{position:relative;overflow:hidden;display:block;&>*:not(.zoom),& model-viewer{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%}}