/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./frontend/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./frontend/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./frontend/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./web/app/themes/parent/components/content-grid/src/content-grid.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************/
.twz-content-grid {
  --typography-margin-block-start: .4em;
  --twz-content-grid-image-width: 37rem;
  --twz-content-grid-slide-gap: clamp(1.5rem, 4vw, 8rem);
}
.twz-content-grid__title {
  margin-bottom: clamp(2rem, 4vw, 4rem);
}
.twz-content-grid__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: clamp(1.5rem, 4vw, 8rem);
  grid-row-gap: clamp(1.5rem, 4vw, 8rem);
}
@media (max-width: 767px) {
  .twz-content-grid__items {
    gap: 0;
    grid-template-columns: 1fr;
  }
}
.twz-content-grid__item {
  display: flex;
  position: relative;
  gap: clamp(1.5rem, 4vw, 3.5rem);
}
@media (max-width: 767px) {
  .twz-content-grid__item {
    padding: 2.5rem 0;
    border-bottom: 1px solid var(--content-grid-border-color, var(--text-color-dark));
  }
  .twz-content-grid__item:first-of-type {
    border-top: 1px solid var(--content-grid-border-color, var(--text-color-dark));
  }
}
.twz-content-grid__item-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.twz-content-grid__item .btn {
  display: inline-block;
  margin-top: auto;
}
@media (max-width: 767px) {
  .twz-content-grid__item .btn {
    margin-top: 3rem;
  }
}
.row:not(:where([style*="--backgroundColor"])) .twz-content-grid__item .btn {
  --btn-theme: var(--white);
}
.twz-content-grid .twz-content-grid__item-image {
  flex: 0 0 30%;
  overflow: hidden;
  max-width: var(--twz-content-grid-image-width);
}
@media (max-width: 767px) {
  .twz-content-grid .twz-content-grid__item-image {
    display: none;
  }
}
.twz-content-grid .twz-content-grid__item-image img {
  width: 100%;
  height: auto;
  max-height: 25rem;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 10/11;
}
.twz-content-grid__item-excerpt {
  margin-bottom: 2.5rem;
}
.twz-content-grid--slider-when-wrap .twz-content-grid__items:has(.twz-content-grid__item:nth-child(3))::after {
  content: "flickity";
  display: none;
}
.twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled {
  display: block;
}
.twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled .flickity-cell {
  width: 100%;
  box-sizing: border-box;
  position: absolute;
}
.twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled .flickity-cell:not(:last-child) {
  margin-right: var(--twz-content-grid-slide-gap);
  position: absolute;
}
@media (min-width: 768px) {
  .twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled .flickity-cell {
    width: calc((100% - var(--twz-content-grid-slide-gap)) / 2);
    position: absolute;
  }
}
.twz-content-grid--slider-when-wrap .flickity-page-dots {
  --page-dot-color: var(--text-color-dark);
}
@media (max-width: 767px) {
  .twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled .twz-content-grid__item {
    border-top: none;
    border-bottom: none;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled .twz-content-grid__item:first-of-type {
    border-top: none;
  }
  .twz-content-grid--slider-when-wrap .twz-content-grid__items.flickity-enabled .twz-content-grid__item-image {
    display: block;
  }
}