/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./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/cross-media-content--block--callout/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.wp-block-frs-blocks-cross-media-content--block--callout {
  position: relative;
  overflow: hidden;
}
.wp-block-frs-blocks-cross-media-content--block--callout.has-main-primary-background-color {
  --background-color: var(--wp--preset--color--main-primary);
}
.wp-block-frs-blocks-cross-media-content--block--callout.has-main-primary-medium-background-color {
  --background-color: var(--wp--preset--color--main-primary-medium);
}
.wp-block-frs-blocks-cross-media-content--block--callout.has-main-primary-pale-background-color {
  --background-color: var(--wp--preset--color--main-primary-pale);
}
.wp-block-frs-blocks-cross-media-content--block--callout:not(.has-background) {
  --background-color: var(--wp--preset--color--neutral);
}
@media screen {
  .wp-block-frs-blocks-cross-media-content--block--callout > [class*=content-section] {
    container-type: inline-size;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-cross-media-content--block--callout > [class*=content-section] {
    --vertical-padding: clamp(28px, -13.1429px + 5.3571vw, 64px);
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout > [class*=content-section] > [class*=wp-block] {
  flex-grow: 1;
  flex-shrink: 1;
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"] > [class*=content-section] {
    --offset-amount: clamp(35.5%, -4.7347% + 36.6071vw, 40%);
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"] > [class*=content-section]:before {
  content: "";
  display: block;
  background-image: var(--image-src);
  background-size: cover;
  background-position: var(--image-focus);
  background-repeat: no-repeat;
  transform: var(--image-orientation);
  position: absolute;
  width: calc((100% - 100cqw) / 2 + 31.875cqw);
  height: calc(100% + 2px);
  top: -1px;
  right: 0;
}
@media (max-width: 1920px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"] > [class*=content-section]:before {
    background-image: var(--image-src-md);
  }
}
@media (max-width: 1024px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"] > [class*=content-section]:before {
    background-image: var(--image-src-sm);
  }
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"] > [class*=content-section]:before {
    position: static;
    margin: 0 auto 24px auto;
    width: 100%;
    height: auto;
    min-height: 170px;
    aspect-ratio: 100/35;
    border-radius: 8px;
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-slanted > [class*=content-section] {
  --offset-amount: calc(calc(calc(calc(100% - 100cqw) / 2) - var(--horizontal-padding)) + 44.8cqw);
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-slanted > [class*=content-section] {
    --offset-amount: 0;
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-slanted > [class*=content-section]:before {
  margin: 0;
  width: var(--offset-amount);
  left: 0;
  right: auto;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-slanted > [class*=content-section]:before {
    margin: 0 auto;
    position: relative;
    width: calc(100% + 2 * var(--horizontal-padding));
    min-height: 170px;
    aspect-ratio: 100/35;
    left: 50%;
    transform: translate(-50%, calc(-1 * var(--vertical-padding))) var(--image-orientation);
    border-radius: 0;
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-slanted > [class*=content-section]:after {
  content: "";
  transform: skew(26deg);
  position: absolute;
  top: 0;
  left: var(--offset-amount);
  right: 0;
  height: 100%;
  background-color: var(--background-color);
  transform-origin: bottom;
  border-left: 2.75cqw solid #FFFFFF;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-slanted > [class*=content-section]:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-callout:has(.button-container) {
    gap: 16px;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-callout > [class*=content-section] {
    --offset-amount: 39%;
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-callout > [class*=content-section]:before {
  left: 0;
  right: auto;
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-tip > [class*=content-section] {
  --offset-amount: clamp(82px, 38.6924px + 5.6464vw, 120px);
  position: relative;
}
.wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-tip > [class*=content-section]:before {
  left: var(--horizontal-padding);
  top: 0;
  width: clamp(54px, 22.0892px + 4.1605vw, 82px);
  height: 100%;
  background-size: contain;
  background-position: center center;
}
@media (max-width: 767px) {
  .wp-block-frs-blocks-cross-media-content--block--callout[style*="--image-src"].is-style-tip > [class*=content-section]:before {
    margin: 0 auto 18px auto;
    min-height: unset;
    position: static;
    width: 100%;
    height: 42px;
    aspect-ratio: unset;
  }
}
.wp-block-frs-blocks-cross-media-content--block--callout:not(.has-primary-background-color, .has-main-primary-background-color, .has-main-primary-medium-background-color),
.wp-block-frs-blocks-cross-media-content--block--callout:not(.has-primary-background-color, .has-main-primary-background-color, .has-main-primary-medium-background-color) .wp-block-frs-blocks-text {
  --font-color: var(--wp--preset--color--main-primary);
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-cross-media-content .wp-block-frs-blocks-cross-media-content--block--callout > [class*=content-section] {
    --vertical-padding: 4.69255663cqw;
    --horizontal-padding: 7.21941748cqw;
    gap: 6.94174757cqw;
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-cross-media-content .wp-block-frs-blocks-cross-media-content--block--callout.is-style-slanted[style*="--image-src"] > [class*=content-section] {
    --vertical-padding: 3.99cqw;
    --offset-amount: calc(calc(calc(calc(100% - 100cqw) / 2) - var(--horizontal-padding)) + 43.4cqw);
  }
}
@media (min-width: 768px) {
  .wp-block-frs-blocks-cross-media-content .wp-block-frs-blocks-cross-media-content--block--callout.is-style-tip > [class*=content-section]:before {
    width: 6.65544552cqw;
  }
}

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