.deferred-media-poster{cursor:pointer;background-color:#0000;border:none;width:100%;height:100%;margin:0;padding:0;overflow:hidden}.deferred-media-poster .placeholder-svg,.deferred-media-poster img{width:100%;max-width:100%;height:100%}.deferred-media-poster .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{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media-poster{display:none}.deferred-media>.deferred-media-poster{justify-content:center;align-items:center;display:flex}.deferred-media-poster-button{background-color:rgba(var(--color-background));color:rgba(var(--color-accent-2));z-index:1;border-radius:50%;justify-content:center;align-items:center;width:6.2rem;height:6.2rem;transition:transform .18s,color .18s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(1)}.deferred-media-poster-button svg{width:3rem;height:3rem}.media-with-aspect{display:block;position:relative;overflow:hidden}.media-with-aspect>:not(.zoom),.media-with-aspect model-viewer{width:100%;max-width:100%;height:100%;display:block;position:absolute;top:0;left:0}