/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.11.0_webpack@5.95.0/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.47_webpack@5.95.0/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/.pnpm/sass-loader@12.6.0_sass@1.80.3_webpack@5.95.0/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/card-bg/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-microbio-blocks-card-bg {
  --card-ramp: radial-gradient(
  		275.53% 107.1% at 3.74% 0%,
  		rgba(8, 78, 108, 0.8) 0%,
  		rgba(8, 78, 108, 0) 100%
  	),
  	linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%);
  container-type: inline-size;
  container-name: cardContainer;
  position: relative;
  width: 100%;
  max-width: 100%;
  border-radius: var(--border-radius);
  overflow: hidden;
  --padding: 2rem;
  --padding-mobile: 2rem;
  --aspect-ratio-card: var(--aspect-ratio, auto);
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  isolation: isolate;
  aspect-ratio: var(--aspect-ratio-card);
}
.wp-block-microbio-blocks-card-bg.card-align-center {
  justify-content: center;
}
.wp-block-microbio-blocks-card-bg.card-align-end {
  justify-content: flex-end;
}
@media (max-width: 600px) {
  .wp-block-microbio-blocks-card-bg {
    padding: var(--padding-mobile);
    --aspect-ratio-card: var(--aspect-ratio-mobile, auto);
  }
}
.wp-block-microbio-blocks-card-bg > * {
  z-index: 3;
  position: relative;
}
.wp-block-microbio-blocks-card-bg:not(.has-background)::before {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 2;
  border-radius: var(--border-radius);
  background: var(--card-ramp);
}
.wp-block-microbio-blocks-card-bg:not(.has-background)::after {
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
  border-radius: var(--border-radius);
  background-image: var(--bg-image);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: var(--bg-position);
  scale: 1;
  transition: scale ease 1.2s;
}
@container cardContainer (width > 300px) and (width < 500px) {
  .wp-block-microbio-blocks-card-bg:not(.has-background)::after {
    background-image: var(--bg-image-tablet, var(--bg-image));
  }
}
@container cardContainer (max-width: 300px) {
  .wp-block-microbio-blocks-card-bg:not(.has-background)::after {
    background-image: var(--bg-image-mobile, var(--bg-image));
  }
}
.wp-block-microbio-blocks-card-bg:not(.zoom-in-hover-disabled):hover::after {
  scale: 1.2;
  transform-origin: center;
}
.wp-block-microbio-blocks-card-bg.expand-height {
  height: 100%;
}

a.wp-block-microbio-blocks-card-bg {
  text-decoration: none;
}

/*# sourceMappingURL=style-index.css.map*/