/*
 * Médiathèque — charte MBB §2, §4.
 * Vignettes en ratio 4:3 (ratio des cartes dans la charte), fond Mie quand
 * l'image est plus étroite que son cadre, plutôt qu'un recadrage destructeur.
 */

.mbb-media__card {
  border-radius: var(--mbb-radius-card);
  overflow: hidden;
}

.mbb-media__card:hover {
  box-shadow: var(--mbb-shadow-hover);
}

.mbb-media__thumb {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  background: var(--mbb-crumb);
  border-bottom: 1px solid var(--mbb-border);
}

.mbb-media__name {
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}