/*
 * OCFai CSS contract
 * AI_RULE: define only classes matching OCFAI_ALLOWED_PREFIXES in this file.
 * AI_RULE: shared UI patterns must use their canonical component CSS instead of local variants.
 * OCFAI_ROLE: component
 * OCFAI_ALLOWED_PREFIXES: mk-media, mk-media--
 */
/* Component: mk_media */
.mk-media {
  width: 100%;
  display: block;
  border-radius: var(--mk-radius-panel);
}

.mk-media--preview {
  aspect-ratio: var(--mk-media-preview-ratio);
  object-fit: cover;
}

.mk-media--contain {
  object-fit: contain;
}

.mk-media--shadow {
  box-shadow: var(--mk-shadow-dark-window);
}