.media-image{position:relative;display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border-radius:inherit;background:var(--color-media)}.media-image.is-loaded{background:transparent}.media-image:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--color-media) 100%,transparent) 0,color-mix(in srgb,var(--color-media-shine) 88%,transparent) 45%,color-mix(in srgb,var(--color-media) 100%,transparent) 100%);background-size:200% 100%;animation:media-image-shimmer 1.2s ease-in-out infinite;opacity:1;transition:opacity .2s ease}.media-image.is-loaded:before{opacity:0;animation:none;display:none}.media-image__media{position:relative;z-index:1;display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;opacity:0;pointer-events:none;transition:opacity .2s ease}img.media-image__media,video.media-image__media{width:100%;height:100%;object-fit:cover}.media-image.is-loaded .media-image__media{opacity:1}.media-image__video-badge{position:absolute;inset:0;z-index:2;display:grid;place-items:center;pointer-events:none;border:0;margin:0;padding:0;background:transparent;color:inherit}.media-image__video-badge svg{display:block;width:1.35rem;height:1.35rem;padding:.35rem;border-radius:999px;background:color-mix(in srgb,var(--color-overlay) 72%,transparent);color:var(--color-on-overlay);box-sizing:content-box}.media-mute-button{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;margin:0;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-overlay) 72%,transparent);color:var(--color-on-overlay);cursor:pointer;transition:background .2s ease,color .2s ease}.media-mute-button:hover{background:var(--color-accent-soft);color:var(--color-accent-hover)}.media-mute-button svg{display:block}.media-image-fallback{display:grid;place-items:center;width:100%;height:100%;overflow:hidden;border-radius:inherit;color:var(--color-media-muted);font-size:.95rem;background:var(--color-media);-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.media-image-fallback--blank{color:transparent;font-size:0}@keyframes media-image-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.media-image:before{animation:none}.media-image__media{transition:none}}