.mm-media-frame{aspect-ratio:var(--mm-media-frame-ratio);background:var(--mm-color-surface);border-radius:inherit;color:var(--mm-color-on-surface-muted);display:grid;min-width:0;overflow:hidden;place-items:center;position:relative;width:100%}.mm-media-frame img,.mm-media-frame picture{display:block;height:100%;width:100%}.mm-media-frame img{-o-object-fit:var(--mm-media-frame-fit);object-fit:var(--mm-media-frame-fit)}.mm-media-frame__error-label,.mm-media-frame__state-label{font-size:var(--mm-font-size-caption);font-weight:var(--mm-font-weight-semibold);inset:50% auto auto 50%;line-height:var(--mm-line-height-meta);max-width:calc(100% - var(--mm-space-6)*2);padding:var(--mm-space-3);position:absolute;text-align:center;transform:translate(-50%,-50%)}.mm-media-frame__state-label{letter-spacing:var(--mm-letter-spacing-label);text-transform:uppercase}.mm-media-frame__error-label{background:var(--mm-color-surface-subtle);color:var(--mm-color-text)}