.card-slider {
  display: flex;
  gap: var(--grid-gap-cards-sm);
  user-select: none;
  cursor: grab;
  cursor: -webkit-grab;
  overflow-y: hidden;
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
}

.card-slider__half.layout__container,
.card-slider__full.layout__container {
  padding-right: 0;
}

.card-slider.active,
.card-slider.active .post__title a {
  cursor: grabbing;
}

.post--slider-card {
  width: var(--slider-card-width);
  flex-shrink: 0;
  margin-bottom: var(--scrollbar-padding-top);
  scroll-snap-align: start;
}

.post--slider-card-highlighted {
  --card-bg: var(--color-primary);
  --card-bg-hover: var(--color-primary-shade);
  --card-text-color: var(--clr-neutral-white);
  --card-text-color-hover: var(--clr-neutral-white);
  --text-color-primary: var(--surface-contrast-text-color);
  --text-color-secondary: var(--surface-contrast-text-color);
}

.post--slider-card.post--no-link {
  --card-bg-hover: var(--card-bg);
  --card-title-text-color-hover: var(--text-body);
  --card-text-color-hover: var(--text-body);
}

.post--slider-card-highlighted.post--no-link {
  --card-title-text-color-hover: var(--clr-neutral-white);
  --card-text-color-hover: var(--clr-neutral-white);
}

.post--slider-card:nth-last-child(2) {
  margin-right: calc(var(--body-gutter) - var(--grid-gap-cards));
}

.card-slider__card-spacer {
  padding-left: 1px;
}

.card-slider__text + .card-slider__cards {
  margin-top: var(--size-32);
}

@media (min-width: 75rem) {
  .card-slider__halves-wrapper {
    display: flex;
    align-items: center;
  }
  .card-slider__half {
    width: 50%;
  }
  .card-slider__halves-wrapper .card-slider__text + .card-slider__cards {
    margin-top: 0;
  }
  .card-slider__half.card-slider__cards.layout__container {
    padding-inline: 0;
  }
  .card-slider__half.card-slider__text > *:first-child {
    margin-top: 0;
  }
  .card-slider__half.card-slider__text > *:last-child {
    margin-bottom: 0;
  }
  .card-slider__halves-wrapper .text-width-limited > * {
    padding-inline-end: 0;
    max-width: calc(var(--content-width-medium) / 2 - var(--body-gutter));
    margin-inline-end: 0;
  }
  .content--small .card-slider__halves-wrapper .text-width-limited > * {
    max-width: calc(var(--content-width-small) / 2 - var(--body-gutter));
  }
}

/*# sourceMappingURL=/assets/application/content-modules/slider-cards-2ed56a8d.css.map */