/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/StatsHero/resources/scss/index.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.editor-styles-wrapper .mhh-mcn-v1-stats-hero,
.mhh-mcn-v1-stats-hero {
  --mhh-mcn-stats-hero-background-color: transparent;
  --mhh-mcn-stats-hero-background-image: none;
  --mhh-mcn-stats-hero-background-position: var(--mhh-mcn-background-position);
  background-color: var(--mhh-mcn-stats-hero-background-color, transparent);
  background-image: var(--mhh-mcn-stats-hero-background-image);
  background-position: var(--mhh-mcn-stats-hero-background-position, var(--mhh-mcn-background-position));
  background-size: cover;
  overflow: hidden;
  padding: var(--mhh-mcn-spacing-m) var(--mhh-mcn-spacing-l);
  position: relative;
  text-align: center;
}
.editor-styles-wrapper .mhh-mcn-v1-stats-hero > :first-child,
.mhh-mcn-v1-stats-hero > :first-child {
  margin-top: 0;
}
.editor-styles-wrapper .mhh-mcn-v1-stats-hero > :last-child,
.mhh-mcn-v1-stats-hero > :last-child {
  margin-bottom: 0;
}
.block-editor-block-list__layout .editor-styles-wrapper .mhh-mcn-v1-stats-hero.block-editor-block-list__block--has-overlay, .editor-styles-wrapper .mhh-mcn-v1-stats-hero--has-overlay,
.block-editor-block-list__layout .mhh-mcn-v1-stats-hero.block-editor-block-list__block--has-overlay,
.mhh-mcn-v1-stats-hero--has-overlay {
  position: relative;
  z-index: 0;
}
.block-editor-block-list__layout .editor-styles-wrapper .mhh-mcn-v1-stats-hero.block-editor-block-list__block--has-overlay::after, .block-editor-block-list__layout .editor-styles-wrapper .mhh-mcn-v1-stats-hero.block-editor-block-list__block--has-overlay:focus::after, .editor-styles-wrapper .mhh-mcn-v1-stats-hero--has-overlay::after, .editor-styles-wrapper .mhh-mcn-v1-stats-hero--has-overlay:focus::after,
.block-editor-block-list__layout .mhh-mcn-v1-stats-hero.block-editor-block-list__block--has-overlay::after,
.block-editor-block-list__layout .mhh-mcn-v1-stats-hero.block-editor-block-list__block--has-overlay:focus::after,
.mhh-mcn-v1-stats-hero--has-overlay::after,
.mhh-mcn-v1-stats-hero--has-overlay:focus::after {
  background: var(--mhh-mcn-stats-hero-overlay-gradient, var(--mhh-mcn-stats-hero-overlay-color));
  bottom: 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: var(--mhh-mcn-stats-hero-overlay-opacity, var(--mhh-mcn-overlay-opacity));
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
}

.editor-styles-wrapper .mhh-mcn-v1-stats-hero > *,
.mhh-mcn-v1-stats-hero > * {
  position: relative;
  z-index: 2;
}
.editor-styles-wrapper .mhh-mcn-v1-stats-hero .mhh-mcn-v1-link--button-primary-negative,
.mhh-mcn-v1-stats-hero .mhh-mcn-v1-link--button-primary-negative {
  background-image: linear-gradient(-90deg, transparent 50%, var(--mhh-mcn-color-teal-500) 50%);
}
@media only screen and (min-width: 48em) {
  .editor-styles-wrapper .mhh-mcn-v1-stats-hero,
  .mhh-mcn-v1-stats-hero {
    padding-bottom: 13.25rem;
    padding-top: 3.75rem;
  }
}

@media only screen and (min-width: 64em) {
  .narrow-block-layout .mhh-mcn-v1-stats-hero, .single-product__content .mhh-mcn-v1-stats-hero, .single-video__content .mhh-mcn-v1-stats-hero, body.post-type-post .block-editor-block-list__layout.is-root-container .mhh-mcn-v1-stats-hero {
    padding-left: var(--mhh-mcn-spacing-l);
    padding-right: var(--mhh-mcn-spacing-l);
  }
}
@media only screen and (min-width: 48em) {
  .narrow-block-layout .mhh-mcn-v1-stats-hero, .single-product__content .mhh-mcn-v1-stats-hero, .single-video__content .mhh-mcn-v1-stats-hero, body.post-type-post .block-editor-block-list__layout.is-root-container .mhh-mcn-v1-stats-hero {
    padding-left: var(--mhh-mcn-spacing-m);
    padding-right: var(--mhh-mcn-spacing-m);
  }
}