deferred-media{display:block;position:relative}deferred-media[loaded=true]>.deferred-media__poster-button{display:none}.deferred-media__poster-button{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;cursor:pointer;z-index:10;background:transparent}.deferred-media__poster-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4rem;height:4rem;background:#fffffff2;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #00000026,0 3px 8px #0000001a;transition:transform var(--duration-300) var(--ease-out),background var(--duration-200) var(--ease-out),box-shadow var(--duration-300) var(--ease-out);color:var(--color-text)}.deferred-media__poster-icon svg{width:1.5rem;height:1.5rem;margin-left:.125rem;transition:transform var(--duration-200) var(--ease-out)}.deferred-media__poster-button:hover .deferred-media__poster-icon{transform:translate(-50%,-50%) scale(1.1);background:#fff;box-shadow:0 12px 28px #0000002e,0 4px 12px #0000001f}.deferred-media__poster-button:hover .deferred-media__poster-icon svg{transform:scale(1.1)}.deferred-media__poster-button:focus-visible .deferred-media__poster-icon{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){.deferred-media__poster-icon,.deferred-media__poster-icon svg{transition:none}}.deferred-media__poster-image{width:100%;height:100%;object-fit:cover;transition:opacity var(--duration-300) var(--ease-out),transform var(--duration-500) var(--ease-out)}.deferred-media__poster-button:hover .deferred-media__poster-image{opacity:.85;transform:scale(1.02)}@media(prefers-reduced-motion:reduce){.deferred-media__poster-image{transition:opacity var(--duration-300) var(--ease-out)}.deferred-media__poster-button:hover .deferred-media__poster-image{transform:none}}