.block--cards {
  position: relative;
}
@media only screen and (max-width: 1024px) {
  .block--cards {
    width: calc(100vw - 32px);
  }
}
.block--cards .cards__drawer {
  display: grid;
  grid-template-rows: auto;
}
.block--cards .cards__drawer .card {
  display: grid;
  grid-row: auto/span 2;
  grid-template-rows: subgrid;
  gap: 80px;
  height: auto;
}
.block--cards .cards__drawer .card__content {
  align-self: end;
}
.block--cards .cards__drawer .card__link {
  display: block;
  width: fit-content;
  margin-top: 16px;
}
.block--cards .cards--grid .cards__drawer {
  grid-template-columns: repeat(var(--per-view), 1fr);
  gap: 24px 0;
}
@media only screen and (max-width: 1024px) {
  .block--cards .cards--grid .cards__drawer {
    grid-template-columns: repeat(var(--slides-count), 1fr);
  }
}
@media only screen and (min-width: 1025px) {
  .block--cards .cards--grid .swiper-pagination {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  .block--cards .cards--slider {
    padding-right: 40px;
    margin-right: -16px;
  }
}
.block--cards .cards--slider .cards__drawer {
  grid-template-columns: repeat(var(--slides-count), 1fr);
}
@media only screen and (max-width: 1024px) {
  .block--cards .swiper-pagination-progressbar {
    margin-right: -16px;
  }
}

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