.ut-media{--ut-media-face:var(--s3);isolation:isolate;position:relative;overflow:hidden}.ut-media:before{content:"";z-index:-1;background-color:var(--ut-media-bg,var(--ut-media-face));position:absolute;inset:0}.ut-media[data-kind=audio]{--ut-media-face:var(--tile-face-audio-bg)}:where(.ut-media){width:100%;height:100%}.ut-media img,.ut-media video{object-fit:cover;-webkit-user-select:none;user-select:none;opacity:0;width:100%;height:100%;display:block}.ut-media[data-fit=contain] img,.ut-media[data-fit=contain] video{object-fit:contain}.ut-media.is-in:before{opacity:0;transition:opacity 0s linear var(--ut-dur-media-in)}.ut-media.is-instant:before{transition:none}.ut-media.is-in img,.ut-media.is-in video{opacity:1;transition:opacity var(--ut-dur-media-in) var(--ut-ease-out)}.ut-media.is-instant img,.ut-media.is-instant video{transition:none}.ut-media.is-err img,.ut-media.is-err video{display:none}.ut-media-ph{color:var(--text2);background:var(--ut-media-bg,var(--ut-media-face));place-items:center;display:grid;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ut-media.is-in img,.ut-media.is-in video{transition:none}}