/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.4_webpack@5.108.4/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/.pnpm/postcss-loader@8.2.1_postcss@8.5.20_webpack@5.108.4/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/.pnpm/sass-loader@16.0.8_sass@1.101.0_webpack@5.108.4/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./inc/Blocks/LatestInsights/styles.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* stylelint-disable */
.wp-block-latest-insights {
  container-name: block-latest-insights;
  container-type: inline-size;
  width: 100%;
}

.wp-block-latest-insights__container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-m);
}
@media (min-width: 768px) {
  .wp-block-latest-insights__container {
    align-items: stretch;
    flex-direction: row;
    gap: var(--spacing-l);
  }
}

.wp-block-latest-insights__main {
  display: flex;
  flex: 1 1 0;
  min-width: 0;
}
@media (min-width: 768px) {
  .wp-block-latest-insights__main {
    max-width: 50%;
  }
}
.wp-block-latest-insights__main .wp-component-card {
  height: 100%;
  width: 100%;
}

.wp-block-latest-insights__side {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--spacing-m);
  min-width: 0;
}
@media (min-width: 768px) {
  .wp-block-latest-insights__side .wp-component-card {
    flex: 1 1 0;
    min-height: auto;
    overflow: visible;
  }
}
@media (min-width: 768px) and (max-width: 1279.98px) {
  .wp-block-latest-insights__side .wp-component-card__image-wrapper {
    display: none;
  }
  .wp-block-latest-insights__side .wp-component-card--horizontal .wp-component-card__image-wrapper + .wp-component-card__content {
    max-width: 100%;
  }
}

/*# sourceMappingURL=styles.css.map*/