.ZrPostGrid-grid {
  gap: var(--gap);
  display: grid;
  grid-template-columns: repeat(var(--colsMobile), 1fr);
}
@media screen and (min-width: 769px) {
  .ZrPostGrid-grid {
    grid-template-columns: repeat(var(--colsTablet), 1fr);
  }
}
@media screen and (min-width: 993px) {
  .ZrPostGrid-grid {
    grid-template-columns: repeat(var(--colsLaptop), 1fr);
  }
}
@media screen and (min-width: 1200px) {
  .ZrPostGrid-grid {
    grid-template-columns: repeat(var(--colsDesktop), 1fr);
  }
}
.ZrPostGrid-grid-item {
  background: var(--background);
  border-radius: var(--border-radius);
  overflow: hidden;
}
.ZrPostGrid-link {
  text-decoration: none;
  text-align: var(--text-align);
}
.ZrPostGrid-title {
  padding: var(--padding-title);
  font-size: var(--font-size-title);
  color: var(--color-scheme);
}
.ZrPostGrid-description {
  padding: var(--padding-title);
  color: var(--color-scheme);
}
.ZrPostGrid-img-wrapper {
  aspect-ratio: 16/9;
  width: 100%;
  overflow: hidden;
}
.ZrPostGrid-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

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