/* media_image_widget - Tier 1 / WP core/image */

.media-image-widget {
  margin: 0;
  padding: 0.5rem 0;
}

.media-image-widget > figure {
  margin: 0;
  display: inline-block;
  min-width: 100px;
  max-width: 100%;
}

.media-image-widget > figure > img {
  display: block;
  max-width: 100%;
  height: auto;
  border-radius: 4px;
}

.media-image-widget > figure > img.miw-placeholder-image {
  width: 100px;
  height: 100px;
  max-width: 100px;
  object-fit: contain;
}

.media-image-widget > figure > figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #64748b;
  text-align: center;
}

/* Size modifiers - width caps the figure */
.media-image-widget.miw-size-small  > figure { max-width: 240px; }
.media-image-widget.miw-size-medium > figure { max-width: 480px; }
.media-image-widget.miw-size-large  > figure { max-width: 800px; }
.media-image-widget.miw-size-full   > figure { max-width: 100%;  }