/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[3].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!./node_modules/@wordpress/scripts/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./packages/module-library/blob-image/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
.dsm_blob_image_img {
  width: 100%;
  height: 100%;
}

.dsm_blob_image_wrap {
  line-height: 0;
  position: relative;
  overflow: hidden;
  border-style: solid;
  display: block;
}

/*
 * Overlay tint: blend on the <img> breaks in Firefox (opaque fill) when the wrap uses
 * overflow:hidden + border-radius. Use a ::before layer inherited from the wrap background.
 */
.dsm_blob_image_wrap.dsm_blob_image_overlay,
.dsm_blob_image_wrap.dsm_blob_image_gradient_overlay {
  isolation: isolate;
}

.dsm_blob_image_wrap.dsm_blob_image_overlay::before,
.dsm_blob_image_wrap.dsm_blob_image_gradient_overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  mix-blend-mode: overlay;
  background: inherit;
}

.dsm_blob_image_overlay .dsm_blob_image_img,
.dsm_blob_image_gradient_overlay .dsm_blob_image_img {
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
  z-index: 0;
}

.dsm_blob_overlay_wrapper {
  position: relative;
  z-index: 2;
  transform: translate(0%, -100%);
  height: inherit;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.dsm_blob_overlay_text {
  width: 100%;
}

.dsm_blob_title,
.dsm_blob_description {
  text-align: center;
  padding-bottom: 20px;
}

.dsm_blob_title {
  line-height: 1em;
  color: #fff;
}

.dsm_blob_description {
  line-height: 1.7em;
  color: #fff;
}

.dsm_blob_image_content_hover .dsm_blob_overlay_text {
  opacity: 0;
  transition-duration: 200ms;
  transition-property: all;
}

.dsm_blob_image_content_hover:hover .dsm_blob_overlay_text {
  opacity: 1;
}

.dsm_blob_image_button_wrapper {
  text-align: center;
}

.dsm_blob_image_one {
  border-radius: 71% 29% 41% 59%/59% 43% 57% 41%;
}

.dsm_blob_image_two {
  border-radius: 72% 28% 70% 30%/36% 50% 50% 64%;
}

.dsm_blob_image_three {
  border-radius: 40% 60% 27% 73%/60% 75% 25% 40%;
}

.dsm_blob_image_four {
  border-radius: 40% 60% 72% 28%/65% 29% 71% 35%;
}

.dsm_blob_image_five {
  border-radius: 45% 55% 37% 63%/63% 73% 27% 37%;
}

.dsm_blob_image_six {
  border-radius: 47% 53% 47% 53%/38% 75% 25% 62%;
}

.dsm_blob_image_seven {
  border-radius: 50% 50% 42% 58%/38% 68% 32% 62%;
}

.dsm_blob_image_eight {
  border-radius: 31% 69% 57% 43%/27% 48% 52% 73%;
}

.dsm_blob_image_nine {
  border-radius: 46% 54% 17% 83%/30% 24% 76% 70%;
}

.dsm_blob_image_ten {
  border-radius: 72% 28% 83% 17%/46% 28% 72% 54%;
}

.dsm_blob_image_eleven {
  border-radius: 66% 34% 83% 17%/22% 65% 35% 78%;
}

.dsm_blob_image_twelve {
  border-radius: 18% 82% 51% 49%/61% 68% 32% 39%;
}

.dsm_blob_image_thirdteen {
  border-radius: 59% 41% 41% 59%/29% 48% 52% 71%;
}

.dsm_blob_image_fourteen {
  border-radius: 62% 38% 38% 62%/46% 58% 58% 46%;
}

.dsm_blob_image_fifteen {
  border-radius: 44% 56% 52% 48%/72% 22% 26% 74%;
}

.dsm_blob_image_sixteen {
  border-radius: 32% 68% 71% 29%/82% 76% 24% 18%;
}

.dsm_blob_image_seventeen {
  border-radius: 24% 76% 74% 26%/26% 24% 76% 74%;
}

.dsm_blob_image_eighteen {
  border-radius: 8% 92% 55% 45%/16% 22% 84% 78%;
}

.dsm_blob_image .dsm_blob_image_overlay {
  background-color: #7ebec5;
}

.dsm_blob_image .dsm_blob_image_gradient_overlay {
  background: linear-gradient(45deg, #7ebec5 0%, 50%, #7ebec5 100%);
}

.dsm_blob_image .dsm_blob_image_img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.dsm_blob_image .dsm_blob_image_wrap {
  height: 380px;
}