@charset "UTF-8";
/* -------------------------------------------------------------------------------- */
/* 画像（角丸）ブロック                                      .mgsblk-image-rounded */
/* -------------------------------------------------------------------------------- */

.editor-styles-wrapper .mgsblk-image-rounded {
  border: 1px dashed #ccc;
  min-height: 40px;
}

.mgsblk-image-rounded {
  margin: 0;
  height: 100%;
}

.mgsblk-image-rounded img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
}

.mgsblk-image-rounded--small img  { border-radius: 8px; }
.mgsblk-image-rounded--medium img { border-radius: 16px; }
.mgsblk-image-rounded--large img  { border-radius: 24px; }

/* 「最低の高さ」を指定したとき：その高さぶん画像を表示（cover）。
   未指定時（style無し）は従来どおり自動＝隣のカラムの高さに合わせる。 */
.mgsblk-image-rounded[style*="min-height"] {
  display: flex;
  flex-direction: column;
}
.mgsblk-image-rounded[style*="min-height"] img {
  flex: 1 1 auto;
  min-height: 0;
}