/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/@wordpress/scripts/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/blocks/card-overlay/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-groundworx-card-overlay {
  display: grid;
  container-type: inline-size;
  min-width: 270px;
}
.wp-block-groundworx-card-overlay > .container-wrapper {
  place-self: stretch;
  position: relative;
  display: grid;
  grid-template-columns: [media-start content-start] 1fr [content-end media-end];
  grid-template-rows: [media-start] auto [media-end content-start] 1fr [content-end];
}
.wp-block-groundworx-card-overlay > .container-wrapper :not(svg)[aria-hidden] {
  transition-property: opacity;
  transition-duration: 500ms;
  transition-timing-function: ease;
}
.wp-block-groundworx-card-overlay > .container-wrapper :not(svg)[aria-hidden=true] {
  opacity: 0;
}
.wp-block-groundworx-card-overlay > .container-wrapper.is-layer-open :not(svg)[aria-hidden=false] {
  opacity: 1;
}
.wp-block-groundworx-card-overlay > .container-wrapper > .content-wrapper {
  grid-area: content;
  height: auto;
  width: auto;
  position: relative;
  display: grid;
}
.wp-block-groundworx-card-overlay > .container-wrapper > .content-wrapper > .inner-content {
  gap: var(--wp--style--gap);
}
.wp-block-groundworx-card-overlay > .container-wrapper > .background-layer, .wp-block-groundworx-card-overlay > .container-wrapper > .interactive-layer, .wp-block-groundworx-card-overlay > .container-wrapper > .overlay-layer {
  display: block;
  position: relative;
  height: auto;
  width: 100%;
  aspect-ratio: 16/11;
  overflow: hidden;
  grid-area: media;
}
.wp-block-groundworx-card-overlay > .container-wrapper .video-background, .wp-block-groundworx-card-overlay > .container-wrapper .image-background, .wp-block-groundworx-card-overlay > .container-wrapper .image-object {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.wp-block-groundworx-card-overlay > .container-wrapper .image-background {
  background-repeat: no-repeat;
}
.wp-block-groundworx-card-overlay > .container-wrapper .image-background.has-parallax.is-repeated {
  background-size: auto;
}
.wp-block-groundworx-card-overlay > .container-wrapper .image-background.is-repeated {
  background-repeat: repeat;
}

:where(.wp-block-groundworx-card-overlay > .container-wrapper > .content-wrapper) {
  background-color: var(--wp--preset--color--base, #ffffff);
  color: var(--wp--preset--color--contrast, #343434);
}

:where(.wp-block-groundworx-card-overlay > .container-wrapper > .content-wrapper > .inner-content) {
  padding-top: var(--wp--preset--spacing--gutter, 2rem);
  padding-bottom: var(--wp--preset--spacing--gutter, 2rem);
  padding-left: var(--wp--preset--spacing--gutter, 2rem);
  padding-right: var(--wp--preset--spacing--gutter, 2rem);
}

@container (min-width: 520px) {
  .wp-block-groundworx-card-overlay.template-overlay-portrait > .container-wrapper {
    align-items: center;
    grid-template-columns: [media-start] 1fr [content-start] minmax(12%, 1fr) [media-end] 1fr [content-end];
    grid-template-rows: [media-start content-start] auto [content-end media-end];
  }
  .wp-block-groundworx-card-overlay.template-overlay-portrait > .container-wrapper > .background-layer, .wp-block-groundworx-card-overlay.template-overlay-portrait > .container-wrapper > .interactive-layer, .wp-block-groundworx-card-overlay.template-overlay-portrait > .container-wrapper > .overlay-layer {
    aspect-ratio: 9/16;
  }
  .wp-block-groundworx-card-overlay.template-overlay-portrait > .container-wrapper > .content-wrapper {
    margin-top: 0;
  }
  .wp-block-groundworx-card-overlay.template-overlay-portrait:is(.is-flip) > .container-wrapper {
    grid-template-columns: [content-start] minmax(12%, 1fr) [media-start] 1fr [content-end] 1fr [media-end];
  }
}
@container (min-width: 640px) {
  .wp-block-groundworx-card-overlay.template-overlay-landscape > .container-wrapper {
    align-items: center;
    grid-template-columns: [media-start] 1fr [content-start] minmax(100px, 12%) [media-end] 1fr [content-end];
    grid-template-rows: [media-start content-start] auto [content-end media-end];
  }
  .wp-block-groundworx-card-overlay.template-overlay-landscape > .container-wrapper > .background-layer, .wp-block-groundworx-card-overlay.template-overlay-landscape > .container-wrapper > .interactive-layer, .wp-block-groundworx-card-overlay.template-overlay-landscape > .container-wrapper > .overlay-layer {
    aspect-ratio: 4/3;
  }
  .wp-block-groundworx-card-overlay.template-overlay-landscape > .container-wrapper > .content-wrapper {
    margin-top: 0;
  }
  .wp-block-groundworx-card-overlay.template-overlay-landscape:is(.is-flip) > .container-wrapper {
    grid-template-columns: [content-start] 1fr [media-start] minmax(100px, 12%) [content-end] 1fr [media-end];
  }
}

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