.media-image{width:100%;min-width:0;max-width:100%;aspect-ratio:var(--media-ratio);background:0 0;display:block;position:relative;overflow:hidden}.media-image>img{object-fit:var(--media-fit,contain);object-position:center;color:#626b77;width:100%;max-width:100%;height:100%;font-family:var(--font-family,inherit);font-size:var(--text-small,.875rem);text-align:center;display:block;position:absolute;inset:0}.media-image>img[data-media-state=loading],.media-image>img[data-media-state=error]{opacity:0}.media-image>.media-image__fallback{padding:var(--media-label-padding,12px);box-sizing:border-box;pointer-events:none;color:#626b77;font-family:var(--font-family,inherit);font-size:var(--media-label-size,var(--text-small,.875rem));font-weight:400;line-height:var(--leading-small,1.4);letter-spacing:normal;text-align:center;white-space:normal;overflow-wrap:anywhere;background:#f4f4f4;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.media-image__label{min-width:0;max-width:100%}.media-image>img[data-media-state=ready]+.media-image__fallback{display:none}.media-image>img[data-media-state=loading]+.media-image__fallback{background:#f2f3f4}@media (forced-colors:active){.media-image>.media-image__fallback{color:canvastext;background:canvas}.media-image>img[data-media-state=loading]+.media-image__fallback{background:canvas;animation:none}}