/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/blocks/_media-text_image-border.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
/*-----------------------------------------------------------------------------
# LUMINA Media & Text: Custom Style (.is-style-image-border)
-----------------------------------------------------------------------------*/
.wp-block-media-text.is-style-image-border {
  /* 1. FRAME CONTAINER */
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media {
  position: relative;
  box-sizing: border-box;
  border: var(--wp--custom--border--style, solid) var(--wp--custom--border--width, 1px) var(--wp--custom--color--border, currentColor);
  border-radius: var(--wp--custom--border--radius, 0px);
  padding: var(--wp--preset--spacing--20) !important; /* Overrides Section #4 layout reset */
  overflow: hidden;
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media > a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.wp-block-media-text.is-style-image-border {
  /* 2. VIDEO: Hardware-masked to force-clip Safari GPU controls */
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media video {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  border-radius: max(0px, var(--wp--custom--border--radius, 0px) - var(--wp--preset--spacing--20, 0px));
  /* WebKit Hardware Mask: Hard-clips Shadow DOM controls to the inner border-radius */
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.wp-block-media-text.is-style-image-border {
  /* 3. IMAGE: Standard inline image inside figure frame */
}
.wp-block-media-text.is-style-image-border .wp-block-media-text__media img {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: auto;
  border: none;
  padding: 0;
  border-radius: max(0px, var(--wp--custom--border--radius, 0px) - var(--wp--preset--spacing--20, 0px));
}
.wp-block-media-text.is-style-image-border {
  /* 4. IMAGE CROP/FILL RULES: Strictly isolated to images */
}
.wp-block-media-text.is-style-image-border.is-image-fill-element .wp-block-media-text__media, .wp-block-media-text.is-style-image-border.is-image-fill .wp-block-media-text__media {
  height: 100%;
  min-height: 250px;
}
.wp-block-media-text.is-style-image-border.is-image-fill-element .wp-block-media-text__media img, .wp-block-media-text.is-style-image-border.is-image-fill .wp-block-media-text__media img {
  position: absolute;
  top: var(--wp--preset--spacing--20, 0px);
  left: var(--wp--preset--spacing--20, 0px);
  width: calc(100% - var(--wp--preset--spacing--20, 0px) * 2);
  height: calc(100% - var(--wp--preset--spacing--20, 0px) * 2);
  -o-object-fit: cover;
     object-fit: cover;
}

/*# sourceMappingURL=media-text_image-border.css.map*/