/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[1]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[4].oneOf[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[1].use[3]!./modules/components/src/Versions/V1/Image/resources/scss/index.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.editor-styles-wrapper .mhh-mcn-v1-image,
.mhh-mcn-v1-image {
  --mhh-mcn-image-margin-top--s: 0;
  --mhh-mcn-image-margin-right--s: 0;
  --mhh-mcn-image-margin-bottom--s: 0;
  --mhh-mcn-image-margin-left--s: 0;
  margin-top: var(--mhh-mcn-image-margin-top--s);
  margin-bottom: var(--mhh-mcn-image-margin-bottom--s);
  margin-right: var(--mhh-mcn-image-margin-right--s);
  margin-left: var(--mhh-mcn-image-margin-left--s);
  /*
   * Caption
   */
}
@media only screen and (min-width: 48em) {
  .editor-styles-wrapper .mhh-mcn-v1-image,
  .mhh-mcn-v1-image {
    --mhh-mcn-image-margin-top--m: 0;
    --mhh-mcn-image-margin-right--m: 0;
    --mhh-mcn-image-margin-bottom--m: 0;
    --mhh-mcn-image-margin-left--m: 0;
    margin-top: var(--mhh-mcn-image-margin-top--m);
    margin-bottom: var(--mhh-mcn-image-margin-bottom--m);
    margin-right: var(--mhh-mcn-image-margin-right--m);
    margin-left: var(--mhh-mcn-image-margin-left--m);
  }
}
@media only screen and (min-width: 75em) {
  .editor-styles-wrapper .mhh-mcn-v1-image,
  .mhh-mcn-v1-image {
    --mhh-mcn-image-margin-top--l: 0;
    --mhh-mcn-image-margin-right--l: 0;
    --mhh-mcn-image-margin-bottom--l: 0;
    --mhh-mcn-image-margin-left--l: 0;
    margin-top: var(--mhh-mcn-image-margin-top--l);
    margin-bottom: var(--mhh-mcn-image-margin-bottom--l);
    margin-right: var(--mhh-mcn-image-margin-right--l);
    margin-left: var(--mhh-mcn-image-margin-left--l);
  }
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-items-start,
.mhh-mcn-v1-image--align-items-start {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-items-center,
.mhh-mcn-v1-image--align-items-center {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-items-end,
.mhh-mcn-v1-image--align-items-end {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-center,
.mhh-mcn-v1-image--align-center {
  text-align: center;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-center img,
.mhh-mcn-v1-image--align-center img {
  display: block;
  margin: 0 auto;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-center:not(.with-aspect-ratio) .mhh-mcn-v1-anchor-for-image,
.mhh-mcn-v1-image--align-center:not(.with-aspect-ratio) .mhh-mcn-v1-anchor-for-image {
  display: inline-block;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-full img,
.mhh-mcn-v1-image--align-full img {
  width: 100%;
}
.editor-styles-wrapper .mhh-mcn-v1-image .mhh-mcn-v1-image-caption, .editor-styles-wrapper .mhh-mcn-v1-image--align-items-left .mhh-mcn-v1-image-caption,
.mhh-mcn-v1-image .mhh-mcn-v1-image-caption,
.mhh-mcn-v1-image--align-items-left .mhh-mcn-v1-image-caption {
  text-align: left;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-items-center .mhh-mcn-v1-image-caption,
.mhh-mcn-v1-image--align-items-center .mhh-mcn-v1-image-caption {
  text-align: center;
}
.editor-styles-wrapper .mhh-mcn-v1-image--align-items-right .mhh-mcn-v1-image-caption,
.mhh-mcn-v1-image--align-items-right .mhh-mcn-v1-image-caption {
  text-align: right;
}
