/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/Blockquote/resources/scss/index.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editor-styles-wrapper .mhh-mcn-v1-blockquote,
.mhh-mcn-v1-blockquote {
  padding-left: var(--mhh-mcn-spacing-xxl);
  padding-right: var(--mhh-mcn-spacing-xxl);
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote .has-teal-500-background-color .mhh-mcn-v1-blockquote__quote, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-teal-background-color .mhh-mcn-v1-blockquote__quote, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-blue-background-color .mhh-mcn-v1-blockquote__quote, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-grey-background-color .mhh-mcn-v1-blockquote__quote,
.mhh-mcn-v1-blockquote .has-teal-500-background-color .mhh-mcn-v1-blockquote__quote,
.mhh-mcn-v1-blockquote .has-dark-teal-background-color .mhh-mcn-v1-blockquote__quote,
.mhh-mcn-v1-blockquote .has-dark-blue-background-color .mhh-mcn-v1-blockquote__quote,
.mhh-mcn-v1-blockquote .has-dark-grey-background-color .mhh-mcn-v1-blockquote__quote {
  color: var(--mhh-mcn-color-white);
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote .has-teal-500-background-color .mhh-mcn-v1-blockquote__author-title, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-teal-background-color .mhh-mcn-v1-blockquote__author-title, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-blue-background-color .mhh-mcn-v1-blockquote__author-title, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-grey-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-teal-500-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-dark-teal-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-dark-blue-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-dark-grey-background-color .mhh-mcn-v1-blockquote__author-title {
  color: var(--mhh-mcn-color-gray-300);
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote .has-teal-500-background-color .mhh-mcn-v1-blockquote__author-title, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-teal-background-color .mhh-mcn-v1-blockquote__author-title, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-blue-background-color .mhh-mcn-v1-blockquote__author-title, .editor-styles-wrapper .mhh-mcn-v1-blockquote .has-dark-grey-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-teal-500-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-dark-teal-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-dark-blue-background-color .mhh-mcn-v1-blockquote__author-title,
.mhh-mcn-v1-blockquote .has-dark-grey-background-color .mhh-mcn-v1-blockquote__author-title {
  color: var(--mhh-mcn-color-gray-800);
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote__content-container,
.mhh-mcn-v1-blockquote__content-container {
  background: transparent;
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote__content-container > :first-child,
.mhh-mcn-v1-blockquote__content-container > :first-child {
  margin-top: 0;
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote__content-container > :last-child,
.mhh-mcn-v1-blockquote__content-container > :last-child {
  margin-bottom: 0;
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote__image-container,
.mhh-mcn-v1-blockquote__image-container {
  align-self: stretch;
  height: auto;
  min-width: 12.5em;
}
@media only screen and (min-width: 48em) {
  .editor-styles-wrapper .mhh-mcn-v1-blockquote__image-container,
  .mhh-mcn-v1-blockquote__image-container {
    max-width: 20em;
    overflow: hidden;
    position: relative;
    width: 30%;
  }
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote--has-image,
.mhh-mcn-v1-blockquote--has-image {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: var(--mhh-mcn-spacing-m);
}
@media only screen and (min-width: 48em) {
  .editor-styles-wrapper .mhh-mcn-v1-blockquote--has-image .mhh-mcn-v1-blockquote__content-container,
  .mhh-mcn-v1-blockquote--has-image .mhh-mcn-v1-blockquote__content-container {
    width: 70%;
  }
}
.editor-styles-wrapper .mhh-mcn-v1-blockquote--has-image .mhh-mcn-v1-blockquote__quote,
.mhh-mcn-v1-blockquote--has-image .mhh-mcn-v1-blockquote__quote {
  color: var(--mhh-mcn-color-black);
}
@media only screen and (min-width: 48em) {
  .editor-styles-wrapper .mhh-mcn-v1-blockquote--has-image,
  .mhh-mcn-v1-blockquote--has-image {
    align-items: center;
    flex-direction: row;
    gap: var(--mhh-mcn-spacing-l);
  }
  .editor-styles-wrapper .mhh-mcn-v1-blockquote--has-image[dir=rtl],
  .mhh-mcn-v1-blockquote--has-image[dir=rtl] {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 48em) {
  .editor-styles-wrapper .mhh-mcn-v1-blockquote,
  .mhh-mcn-v1-blockquote {
    padding-left: var(--mhh-mcn-spacing-super);
    padding-right: var(--mhh-mcn-spacing-super);
  }
}